{"version":3,"sources":["webpack:///./src/views/setting/skill/Form.vue?1ee6","webpack:///./src/views/setting/skill/Form.vue","webpack:///src/views/setting/skill/Form.vue","webpack:///./src/views/setting/skill/Form.vue?6191","webpack:///./src/views/setting/skill/Form.vue?c359"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","headerText","on","$event","preventDefault","backToList","apply","arguments","_m","attrs","directives","name","rawName","value","form","expression","domProps","target","composing","$set","validationErrors","hasOwnProperty","_e","save","staticRenderFns","components","Multiselect","data","skillId","loading","errors","computed","methods","length","$route","params","id","client","put","$toast","success","e","_helper","showErrorMessage","post","$router","push","get","console","log","getSkillDetails","component"],"mappings":"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","file":"js/chunk-571f334f.0b00957d.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Form.vue?vue&type=style&index=0&id=46ddfaee&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-area__body\"},[_c('section',{staticClass:\"section-gap\"},[_c('div',{staticClass:\"details__card\"},[_c('div',{staticClass:\"details__card__head d-flex justify-content-between\"},[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.headerText))]),_c('button',{staticClass:\"button primary-button\",on:{\"click\":function($event){$event.preventDefault();return _vm.backToList.apply(null, arguments)}}},[_vm._m(0),_vm._v(\" Back \")])]),_c('div',{staticClass:\"details__card__body\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"form-box\"},[_c('div',{staticClass:\"form-row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"job-title\"}},[_vm._v(\"Name *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.name),expression:\"form.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"job-title\",\"placeholder\":\"Skill Name\",\"maxlength\":\"150\"},domProps:{\"value\":(_vm.form.name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"name\", $event.target.value)}}}),(_vm.validationErrors.hasOwnProperty('name'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.validationErrors.name))]):_vm._e()])])])])])]),_c('div',{staticClass:\"details__card__footer\"},[_c('button',{staticClass:\"button success-button ml-auto\",on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\" Save\")])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"button-icon\"},[_c('i',{staticClass:\"eicon e-back\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content-area__body\">\n    <section class=\"section-gap\">\n      <div class=\"details__card\">\n        <div class=\"details__card__head d-flex justify-content-between\">\n          <h5 class=\"font-weight-bold\"> {{ headerText }}</h5>\n          <button class=\"button primary-button\" @click.prevent=\"backToList\">\n                      <span class=\"button-icon\">\n                          <i class=\"eicon e-back\"></i>\n                        </span>\n            Back\n          </button>\n        </div>\n\n        <div class=\"details__card__body\">\n          <form @submit.prevent=\"\">\n            <div class=\"form-box\">\n              <div class=\"form-row\">\n                <div class=\"col-md-6\">\n                  <div class=\"form-group\">\n                    <label for=\"job-title\">Name *</label>\n                    <input type=\"text\" id=\"job-title\" v-model=\"form.name\" placeholder=\"Skill Name\" class=\"form-control\" maxlength=\"150\"/>\n                    <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('name')\">{{ validationErrors.name }}</label>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n\n        <div class=\"details__card__footer\">\n          <button class=\"button success-button ml-auto\" @click=\"save()\"> Save</button>\n        </div>\n\n      </div>\n\n    </section>\n  </div>\n</template>\n\n<script>\nimport 'quill/dist/quill.core.css';\nimport Multiselect from \"vue-multiselect\";\nimport {debounce} from \"lodash\";\nimport client from \"@/api/Client\";\n\n\nexport default {\n  name: \"SkillForm.vue\",\n  components: {\n    Multiselect\n  },\n  data() {\n    return {\n      skillId: null,\n      loading: false,\n      form: {\n        name: '',\n      },\n      errors: {\n        name:''\n      },\n    }\n  },\n  computed: {\n    headerText() {\n      return this.skillId ? 'Edit skill' : 'Create skill';\n    },\n    validationErrors() {\n      return this.errors;\n    }\n  },\n  methods: {\n    async save() {\n      if(this.form.name.length === 0) {\n        this.errors.name = 'Name is required';\n        return false;\n      }\n\n      if (this.$route.params.id) {\n\n        try {\n          let {data} = await client().put(`skills/${this.skillId}`, this.form);\n          this.$toast.success('Skill updated.');\n          this.backToList();\n        } catch (e) {\n          let errors = _helper.showErrorMessage(e);\n          if (errors) {\n            this.errors = errors;\n          }\n        }\n\n      } else {\n        try {\n          let {data} = await client().post(`skills`, this.form);\n          this.$toast.success('Skill created.');\n          this.backToList();\n        } catch (e) {\n          let errors = _helper.showErrorMessage(e);\n          if (errors) {\n            this.errors = errors;\n          }\n        }\n      }\n\n    },\n    backToList() {\n      this.$router.push({name: 'setting.skill'})\n    },\n\n    async getSkillDetails() {\n      try {\n        let {data} = await client().get(`skills/${this.skillId}`);\n        this.form = data.data;\n      } catch (e) {\n        console.log(e);\n      }\n    }\n  },\n  async mounted() {\n    if (this.$route.params.id) {\n      this.skillId = this.$route.params.id;\n      await this.getSkillDetails();\n    }\n  }\n}\n</script>\n\n<style scoped>\n.quill-editor {\n  height: 20rem;\n  width: 100%;\n}\n</style>","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=46ddfaee&scoped=true\"\nimport script from \"./Form.vue?vue&type=script&lang=js\"\nexport * from \"./Form.vue?vue&type=script&lang=js\"\nimport style0 from \"./Form.vue?vue&type=style&index=0&id=46ddfaee&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"46ddfaee\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}