{"version":3,"sources":["webpack:///./src/components/WidgetWrapper.vue?c4e8","webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./src/mixins/FormService.js","webpack:///./src/pages/master/role/Form.vue?3c25","webpack:///src/pages/master/role/Form.vue","webpack:///./src/pages/master/role/Form.vue?f1bd","webpack:///./src/pages/master/role/Form.vue","webpack:///./src/components/WidgetWrapper.vue?ec88","webpack:///src/components/WidgetWrapper.vue","webpack:///./src/components/WidgetWrapper.vue?822f","webpack:///./src/components/WidgetWrapper.vue","webpack:///./src/pages/master/role/form-helper.js"],"names":["_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps","prototype","serviceForm","vue","helper","id","this","formData","redirect","$route","params","axios","put","apiPut","then","$router","go","catch","error","response","post","apiPost","extractErrMessage","push","name","query","data","ListIdUpload","delete","apiRemove","console","log","status","statusText","hasOwnProperty","call","message","title","get","apiGetById","res","assign","getEmptyData","render","_vm","_h","$createElement","_c","_self","directives","rawName","value","expression","attrs","staticClass","ref","validationRules","mode","model","callback","$$v","$set","_v","_s","RoleName","_l","item","index","PermissionName","disabled","on","submit","cancel","staticRenderFns","components","created","service","$appInfo","api","role","getById","permissions","loading","methods","component","style","fullHeight","activeNames","scopedSlots","_u","fn","_t","_e","proxy","type","String","icon","Boolean","default","mounted","emptyData","RoleLevel","RoleLabel","required","trigger","getValidationRule"],"mappings":"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","file":"js/chunk-146ac7fc.27c1212b.js","sourcesContent":["import mod 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!./WidgetWrapper.vue?vue&type=style&index=0&lang=css&\"; export default mod; 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!./WidgetWrapper.vue?vue&type=style&index=0&lang=css&\"","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","import axios from 'axios'\n\nclass serviceForm {\n  vue\n  helper\n  id\n\n  constructor(vue, helper, id = null) {\n    this.vue = vue\n    this.helper = helper\n    this.id = id\n  }\n\n  get initialFormData() {\n    return async () => {\n      let formData\n\n      var id = this.vue.$route.params.id\n      if (this.id) {\n        id = this.id\n      }\n\n      if (id) {\n        const res = await axios.get(`${this.vue.apiGetById}?id=${id}`)\n        formData = res.data\n      } else {\n        formData = Object.assign({}, this.helper.getEmptyData())\n      }\n\n      return formData\n    }\n  }\n\n  async submit(formData, redirect = true) {\n    try {\n      if (this.vue.$route.params.id || this.id) {\n        await axios\n          .put(`${this.vue.apiPut}`, formData)\n          .then(() => {\n            if (redirect) {\n              this.vue.$router.go(-1)\n            }\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      } else {\n        await axios\n          .post(`${this.vue.apiPost}`, formData)\n          .then(() => {\n            this.vue.$router.go(-1)\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      }\n    } catch (e) {\n      this.extractErrMessage(e)\n    }\n  }\n\n  async customSubmit(formData) {\n    try {\n      if (this.vue.$route.params.id) {\n        await axios\n          .put(`${this.vue.apiPut}`, formData)\n          .then(() => {\n            this.vue.$router.push({\n              name: 'docs-upload',\n              query: { id: this.vue.$route.params.id }\n            })\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      } else {\n        await axios\n          .post(`${this.vue.apiPost}`, formData)\n          .then((response) => {\n            this.vue.$router.push({\n              name: 'docs-upload',\n              params: { id: response.data.ListIdUpload }\n            })\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      }\n    } catch (e) {\n      this.extractErrMessage(e)\n    }\n  }\n\n  async remove(id) {\n    try {\n      await axios.delete(`${this.vue.apiRemove}?id=${id}`).catch((error) => {\n        throw error.response\n      })\n    } catch (e) {\n      this.extractErrMessage(e)\n    }\n  }\n\n  extractErrMessage(response) {\n    // display on console log\n    console.log(response)\n\n    if (response.status == 400) {\n      if (Object.prototype.hasOwnProperty.call(response.data, 'message')) {\n        throw response.data.message\n      } else if (\n        Object.prototype.hasOwnProperty.call(response.data.Object, 'title')\n      ) {\n        throw response.data.title\n      }\n    } else {\n      throw response.statusText\n    }\n  }\n}\n\nexport default serviceForm\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('WidgetWrapper',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.fullscreenLoading),expression:\"fullscreenLoading\"}],attrs:{\"title\":(\"Role Form - \" + (_vm.$route.params.id ? 'Edit' : 'Create')),\"full-height\":true}},[_c('div',{staticClass:\"pt-2\",attrs:{\"id\":\"form-container\"}},[_c('el-form',{ref:\"elForm\",attrs:{\"model\":_vm.formData,\"rules\":_vm.validationRules,\"size\":\"medium\",\"label-width\":\"auto\"}},[(_vm.mode !== 'edit')?_c('div',[_c('el-form-item',{attrs:{\"label\":\"Role Name\",\"prop\":\"RoleName\"}},[_c('el-input',{attrs:{\"placeholder\":\"Role Name\",\"clearable\":\"\",\"disabled\":_vm.$route.params.hasOwnProperty('id')},model:{value:(_vm.formData.RoleName),callback:function ($$v) {_vm.$set(_vm.formData, \"RoleName\", $$v)},expression:\"formData.RoleName\"}})],1)],1):_c('div',[_c('div',{staticClass:\"w-full el-form-item__content flex mb-2\"},[_c('div',{staticClass:\"el-form-item__label-wrap text-right w-24\"},[_c('label',{staticClass:\"el-form-item__label\",attrs:{\"for\":\"Role Name\"}},[_vm._v(\"Role Name \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.RoleName)+\" \")])])]),_c('el-form-item',{attrs:{\"label\":\"Level\",\"prop\":\"RoleLevel\"}},[_c('el-input',{attrs:{\"placeholder\":\"Level\",\"clearable\":\"\"},model:{value:(_vm.formData.RoleLevel),callback:function ($$v) {_vm.$set(_vm.formData, \"RoleLevel\", $$v)},expression:\"formData.RoleLevel\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Label\",\"prop\":\"RoleLabel\"}},[_c('el-input',{attrs:{\"placeholder\":\"Label\",\"clearable\":\"\"},model:{value:(_vm.formData.RoleLabel),callback:function ($$v) {_vm.$set(_vm.formData, \"RoleLabel\", $$v)},expression:\"formData.RoleLabel\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Permissions\",\"prop\":\"PermissionName\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Permissions\",\"clearable\":\"\",\"multiple\":\"\",\"filterable\":\"\"},model:{value:(_vm.formData.PermissionName),callback:function ($$v) {_vm.$set(_vm.formData, \"PermissionName\", $$v)},expression:\"formData.PermissionName\"}},_vm._l((_vm.permissions),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.PermissionName,\"value\":item.PermissionName,\"disabled\":item.disabled}})}),1)],1),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"w-full text-right\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")]),_c('el-button',{on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <WidgetWrapper\n    :title=\"`Role Form - ${$route.params.id ? 'Edit' : 'Create'}`\"\n    :full-height=\"true\"\n    v-loading=\"fullscreenLoading\"\n  >\n    <div id=\"form-container\" class=\"pt-2\">\n      <el-form\n        ref=\"elForm\"\n        :model=\"formData\"\n        :rules=\"validationRules\"\n        size=\"medium\"\n        label-width=\"auto\"\n      >\n        <div v-if=\"mode !== 'edit'\">\n          <el-form-item label=\"Role Name\" prop=\"RoleName\">\n            <el-input\n              v-model=\"formData.RoleName\"\n              placeholder=\"Role Name\"\n              clearable\n              :disabled=\"$route.params.hasOwnProperty('id')\"\n            >\n            </el-input>\n          </el-form-item>\n        </div>\n        <div v-else>\n          <div class=\"w-full el-form-item__content flex mb-2\">\n            <div class=\"el-form-item__label-wrap text-right w-24\">\n              <label for=\"Role Name\" class=\"el-form-item__label\"\n                >Role Name\n              </label>\n            </div>\n            <div class=\"font-bold ml-2\">\n              {{ formData.RoleName }}\n            </div>\n          </div>\n        </div>\n\n        <el-form-item label=\"Level\" prop=\"RoleLevel\">\n          <el-input v-model=\"formData.RoleLevel\" placeholder=\"Level\" clearable>\n          </el-input>\n        </el-form-item>\n        <el-form-item label=\"Label\" prop=\"RoleLabel\">\n          <el-input v-model=\"formData.RoleLabel\" placeholder=\"Label\" clearable>\n          </el-input>\n        </el-form-item>\n        <el-form-item label=\"Permissions\" prop=\"PermissionName\">\n          <el-select\n            v-model=\"formData.PermissionName\"\n            class=\"w-full\"\n            placeholder=\"Permissions\"\n            clearable\n            multiple\n            filterable\n          >\n            <el-option\n              v-for=\"(item, index) in permissions\"\n              :key=\"index\"\n              :label=\"item.PermissionName\"\n              :value=\"item.PermissionName\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n\n        <hr class=\"my-4\" />\n        <div class=\"w-full text-right\">\n          <el-button type=\"primary\" @click=\"submit\">Submit</el-button>\n          <el-button @click=\"cancel\">Cancel</el-button>\n        </div>\n      </el-form>\n    </div>\n  </WidgetWrapper>\n</template>\n\n<script>\nimport formService from '@/mixins/FormService'\nimport formHelper from './form-helper'\nimport WidgetWrapper from '@/components/WidgetWrapper'\n// import { DxButton } from 'devextreme-vue'\n\nlet service\n\nexport default {\n  components: { WidgetWrapper },\n  created() {\n    service = new formService(this, formHelper)\n  },\n  async mounted() {\n    this.loading = true\n    this.formData = await service.initialFormData()\n    this.fetchPermission()\n    this.loading = false\n\n    if (this.$route.params.id) {\n      this.mode = 'edit'\n    }\n  },\n  data() {\n    return {\n      apiGetById: this.$appInfo.api.role.getById,\n      apiPost: this.$appInfo.api.role.post,\n      apiPut: this.$appInfo.api.role.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      permissions: [],\n      loading: false\n    }\n  },\n  methods: {\n    async cancel() {\n      this.$router.go(-1)\n    },\n    async submit() {\n      this.$refs.elForm.validate(async (valid) => {\n        if (valid) {\n          try {\n            this.loading = true\n            this.isSubmit = true\n\n            // convert value type\n            this.formData.RoleLevel = parseInt(this.formData.RoleLevel)\n\n            // submit data\n            await service.submit(this.formData)\n\n            this.$message.success('Data Saved')\n            this.loading = false\n          } catch (e) {\n            this.loading = false\n            this.$message.error(e)\n            console.log(e)\n          }\n        } else {\n          this.$message.warning('Please fill in the required data')\n          this.loading = false\n          return false\n        }\n      })\n    },\n    async fetchPermission() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(this.$appInfo.api.permission.getAll)\n        this.permissions = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    }\n  }\n}\n</script>\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=8a8986fe&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-collapse',{staticClass:\"w-full h-auto rounded border border-gray-200 px-2 pb-2 bg-white shadow\",style:(!_vm.fullHeight ? 'height: min-content !important;' : ''),model:{value:(_vm.activeNames),callback:function ($$v) {_vm.activeNames=$$v},expression:\"activeNames\"}},[_c('el-collapse-item',{staticClass:\"border-b-0 pb-0\",attrs:{\"name\":\"def\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\"),(_vm.title)?_c('h4',{staticClass:\"text-gray-600 px-2 leading-none\"},[(false)?_c('i',{class:_vm.icon}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_vm._e()]},proxy:true}],null,true)},[_c('div',{staticClass:\"w-full h-full flex flex-col p-2 rounded border-gray-100\"},[_vm._t(\"default\")],2)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-collapse\n    class=\"w-full h-auto rounded border border-gray-200 px-2 pb-2 bg-white shadow\"\n    :style=\"!fullHeight ? 'height: min-content !important;' : ''\"\n    v-model=\"activeNames\"\n  >\n    <el-collapse-item class=\"border-b-0 pb-0\" name=\"def\">\n      <template #title>\n        <slot name=\"title\"></slot>\n        <h4 class=\"text-gray-600 px-2 leading-none\" v-if=\"title\">\n          <i :class=\"icon\" v-if=\"false\"></i>\n          {{ title }}\n        </h4>\n      </template>\n      <div class=\"w-full h-full flex flex-col p-2 rounded border-gray-100\">\n        <slot />\n      </div>\n    </el-collapse-item>\n  </el-collapse>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: {\n      type: String\n    },\n    icon: {\n      type: String\n    },\n    fullHeight: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      activeNames: 'def'\n    }\n  },\n  mounted() {},\n  methods: {}\n}\n</script>\n\n<style>\n.el-collapse-item__content {\n  padding-bottom: 0;\n}\n</style>\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!./WidgetWrapper.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!./WidgetWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetWrapper.vue?vue&type=template&id=39b31a3e&\"\nimport script from \"./WidgetWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetWrapper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetWrapper.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","const emptyData = {\n  RoleName: '',\n  RoleLevel: 0,\n  RoleLabel: '',\n  PermissionName: ''\n}\n\nconst validationRules = {\n  RoleName: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ],\n  RoleLevel: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ],\n  RoleLabel: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ],\n  PermissionName: []\n  // Permissions: [{\n  // \trequired: true,\n  // \ttrigger: 'change'\n  // }],\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\n"],"sourceRoot":""}