{"version":3,"sources":["webpack:///./src/views/pages/knowledgebase/pages/Form.vue?22b2","webpack:///src/views/pages/knowledgebase/pages/Form.vue","webpack:///./src/views/pages/knowledgebase/pages/Form.vue?f59f","webpack:///./src/views/pages/knowledgebase/pages/Form.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","heading","projectsList","model","value","itemForm","callback","$$v","$set","expression","knowGroupsToPick","key","content","ref","editorOptions","on","SaveForm","_v","name","staticRenderFns","reader","formData","refOfHttp","headers","refOfEditor","mixins","props","id","type","default","required","components","data","knowGroups","tempContent","hooks","addImageBlobHook","minHeight","language","useCommandShortcut","usageStatistics","hideModeSwitch","toolbarItems","computed","watch","mounted","loadGroups","ResetForm","LoadItem","then","readyToLoad","methods","getMarkdown","$http","post","text","catch","Slugify","str","toLowerCase","trim","replace","slug","SaveItem","resp","status","title","icon","console","component"],"mappings":"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","file":"js/Admin.Knowledgebase.Pages.Form.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',[_c('div',{staticClass:\"col-12 col-sm-9\"},[_c('section',{staticClass:\"content\"},[_c('b-card',{staticClass:\"mb-3\",attrs:{\"header\":_vm.heading,\"no-body\":\"\"}},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"form\"},[_c('div',{staticClass:\"form-row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-form-group',{attrs:{\"label\":\"For Project:\"}},[_c('b-form-select',{attrs:{\"options\":_vm.projectsList},model:{value:(_vm.itemForm.projectId),callback:function ($$v) {_vm.$set(_vm.itemForm, \"projectId\", $$v)},expression:\"itemForm.projectId\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"Name:\"}},[_c('b-form-input',{attrs:{\"maxlength\":\"240\"},model:{value:(_vm.itemForm.name),callback:function ($$v) {_vm.$set(_vm.itemForm, \"name\", $$v)},expression:\"itemForm.name\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"Slug:\"}},[_c('b-form-input',{attrs:{\"placeholder\":\"Leave empty to autogen\"},model:{value:(_vm.itemForm.slug),callback:function ($$v) {_vm.$set(_vm.itemForm, \"slug\", $$v)},expression:\"itemForm.slug\"}})],1)],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"Group:\"}},[_c('b-form-select',{attrs:{\"options\":_vm.knowGroupsToPick},model:{value:(_vm.itemForm.knowledgebaseGroupId),callback:function ($$v) {_vm.$set(_vm.itemForm, \"knowledgebaseGroupId\", $$v)},expression:\"itemForm.knowledgebaseGroupId\"}})],1)],1),_c('div',{staticClass:\"col-md-12\"},[_c('b-form-group',{key:_vm.itemForm.content,attrs:{\"label\":\"Content\"}},[_c('markdwn-editor',{ref:\"toastuiEditor\",attrs:{\"id\":\"toastuiEditor\",\"initialValue\":_vm.itemForm.content,\"options\":_vm.editorOptions,\"height\":\"500px\",\"initialEditType\":\"wysiwyg\",\"previewStyle\":\"tab\"}})],1)],1)])])])])],1)]),_c('aside',{staticClass:\"col-12 col-sm-3\"},[_c('b-card',{attrs:{\"header\":\"Actions\"}},[_c('button',{staticClass:\"btn btn-block btn-primary\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.SaveForm}},[_vm._v(\"\\n        Save Changes\\n      \")]),_c('router-link',{staticClass:\"mt-2 btn btn-block btn-danger\",attrs:{\"to\":{ name: 'Admin.Knowledgebase.Pages.Index' }}},[_vm._v(\"\\n        Cancel\\n      \")])],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-row>\r\n    <div class=\"col-12 col-sm-9\">\r\n      <section class=\"content\">\r\n        <b-card class=\"mb-3\" :header=\"heading\" no-body>\r\n          <div class=\"card-body\">\r\n            <div class=\"form\">\r\n              <div class=\"form-row\">\r\n                <div class=\"col-md-12\">\r\n                  <b-form-group label=\"For Project:\">\r\n                    <b-form-select :options=\"projectsList\" v-model=\"itemForm.projectId\" />\r\n                  </b-form-group>\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                  <b-form-group label=\"Name:\">\r\n                    <b-form-input v-model=\"itemForm.name\" maxlength=\"240\" />\r\n                  </b-form-group>\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                  <b-form-group label=\"Slug:\">\r\n                    <b-form-input v-model=\"itemForm.slug\" placeholder=\"Leave empty to autogen\" />\r\n                  </b-form-group>\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                  <b-form-group label=\"Group:\">\r\n                    <b-form-select :options=\"knowGroupsToPick\" v-model=\"itemForm.knowledgebaseGroupId\" />\r\n                  </b-form-group>\r\n                </div>\r\n                <div class=\"col-md-12\">\r\n                  <b-form-group label=\"Content\" :key=\"itemForm.content\">\r\n                    <markdwn-editor\r\n                      ref=\"toastuiEditor\"\r\n                      id=\"toastuiEditor\"\r\n                      :initialValue=\"itemForm.content\"\r\n                      :options=\"editorOptions\"\r\n                      height=\"500px\"\r\n                      initialEditType=\"wysiwyg\"\r\n                      previewStyle=\"tab\"\r\n                    ></markdwn-editor>\r\n                  </b-form-group>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </b-card>\r\n      </section>\r\n    </div>\r\n    <aside class=\"col-12 col-sm-3\">\r\n      <b-card header=\"Actions\">\r\n        <button\r\n          class=\"btn btn-block btn-primary\"\r\n          type=\"submit\"\r\n          @click=\"SaveForm\"\r\n        >\r\n          Save Changes\r\n        </button>\r\n        <router-link\r\n          class=\"mt-2 btn btn-block btn-danger\"\r\n          :to=\"{ name: 'Admin.Knowledgebase.Pages.Index' }\"\r\n        >\r\n          Cancel\r\n        </router-link>\r\n      </b-card>\r\n    </aside>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nlet refOfHttp = null;\r\nlet refOfEditor = null;\r\n\r\nlet addImageBlobHook = function(blob, callback, source) {\r\n  if(refOfEditor) {\r\n    let fileName = blob.name;\r\n    let reader = new FileReader();\r\n    reader.onload =  function(_a) {\r\n      let formData = new FormData();\r\n      formData.append('formFile', blob);\r\n      formData.append('extension', fileName.split('.').pop());\r\n      let headers = { 'Content-Type': 'multipart/form-data' };\r\n      refOfHttp.post('/api/common/tickets/imageUpload', formData, { headers }).then((resp) => {\r\n        let getUrl = window.location;\r\n        let baseUrl = getUrl .protocol + '//' + getUrl.host + '/';\r\n        let oldContent = refOfEditor.editor.getMarkdown();\r\n        refOfEditor.editor.setMarkdown(oldContent + \"\\r\\n \"+ \" \\r\\n\" + '!['+fileName+']('+resp.data.url+')'+ \"\\r\\n  \"+ \"  \\r\\n  \")\r\n      });\r\n    };\r\n    reader.readAsDataURL(blob);\r\n  }\r\n  callback();\r\n  return false;\r\n};\r\nimport { Editor } from '@toast-ui/vue-editor';\r\n//const { chart, codeSyntaxHighlight, colorSyntax, tableMergedCell, uml } = Editor.plugin;\r\nimport { crudMixinGen, myCommonDataMixin } from '@/helpers/utils/vueMixins.js';\r\nexport default {\r\n  name: 'Admin.Knowledgebase.Pages.Form',\r\n  mixins: [crudMixinGen('docs/knowledgebasePages'), myCommonDataMixin],\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    }\r\n  },\r\n  components: {\r\n    'markdwn-editor': Editor\r\n  },\r\n\r\n  data: () => ({\r\n    heading: 'Knowledgebase Article Form',\r\n    knowGroups: [],\r\n    tempContent: '',\r\n    knowGroupsToPick: [],\r\n    editorOptions: {\r\n      hooks: {\r\n        addImageBlobHook: addImageBlobHook,\r\n      },\r\n      minHeight: '200px',\r\n      language: 'en-US',\r\n      useCommandShortcut: true,\r\n      usageStatistics: true,\r\n      hideModeSwitch: false,\r\n      toolbarItems: [\r\n        ['heading', 'bold', 'italic', 'strike'],\r\n        ['hr', 'quote'],\r\n        ['ul', 'ol', 'task', 'indent', 'outdent'],\r\n        ['table', 'image', 'link'],\r\n        ['code', 'codeblock'],\r\n        ['scrollSync'],\r\n      ],\r\n      //plugins: [[chart, chartOptions], [codeSyntaxHighlight, { highlighter: Prism }], tableMergedCell, uml]\r\n    }\r\n  }),\r\n\r\n  computed: {\r\n  },\r\n\r\n  watch: {\r\n  },\r\n\r\n  mounted() {\r\n    this.loadGroups();\r\n    this.ResetForm();\r\n    if (this.id) {\r\n      this.LoadItem(this.id).then((a) => {\r\n        this.tempContent = this.itemForm.content;\r\n        refOfEditor = this.$refs.toastuiEditor;\r\n      })\r\n    } else {\r\n      this.readyToLoad = true;\r\n        this.tempContent = this.itemForm.content;\r\n        refOfEditor = this.$refs.toastuiEditor;\r\n    }\r\n    refOfHttp = this.$http;\r\n  },\r\n\r\n  methods: {\r\n    getMarkdown() {\r\n      let content = this.$refs.toastuiEditor.invoke('getMarkdown');\r\n      return content;\r\n    },\r\n    loadGroups() {\r\n      this.$http\r\n        .post('/api/docs/knowledgebaseGroups/all')\r\n        .then(resp => {\r\n            this.knowGroupsToPick = [];\r\n            this.knowGroups = resp.data;\r\n            this.knowGroups.forEach((grop) => {\r\n                this.knowGroupsToPick.push({value: grop.id, text: grop.name});\r\n            })\r\n        })\r\n        .catch(err => {});\r\n    },\r\n    Slugify(str) {\r\n      return str\r\n      .toLowerCase()\r\n      .trim()\r\n      .replace(/[^\\w\\s-]/g, '')\r\n      .replace(/[\\s_-]+/g, '-')\r\n      .replace(/^-+|-+$/g, '');\r\n    },\r\n\r\n    SaveForm() {\r\n      this.itemForm.content = this.getMarkdown();\r\n      this.itemForm.slug = this.Slugify(this.itemForm.name);\r\n      this.SaveItem()\r\n      .then(resp => {\r\n        if (resp.status) {\r\n          if (resp.id) {\r\n            this.$swal({ title: 'Article Was Saved.', icon: 'info' });\r\n          } else {\r\n            this.$swal({ title: 'New Article was added.', icon: 'success' });\r\n          }\r\n          this.$router.push({\r\n            name: 'Admin.Knowledgebase.Pages.Index'\r\n          });\r\n        } else {\r\n          this.$swal({ title: resp.errorMessage, icon: 'error' });\r\n        }\r\n      })\r\n      .catch(err => {\r\n        console.error('saved po err', err);\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.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!./Form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=72234774&\"\nimport script from \"./Form.vue?vue&type=script&lang=js&\"\nexport * from \"./Form.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":""}