{"version":3,"sources":["webpack:///./src/pages/master/role/Form.vue?ea1e","webpack:///src/pages/master/role/Form.vue","webpack:///./src/pages/master/role/Form.vue?f1bd","webpack:///./src/pages/master/role/Form.vue","webpack:///./src/pages/master/role/form-helper.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","_v","_s","$route","params","id","staticClass","attrs","ref","formData","validationRules","mode","hasOwnProperty","model","callback","$$v","$set","RoleName","_l","item","index","key","PermissionName","disabled","on","submit","cancel","staticRenderFns","components","created","service","data","apiGetById","$appInfo","api","role","getById","apiPost","post","apiPut","put","permissions","loading","methods","component","emptyData","RoleLevel","RoleLabel","required","trigger","getEmptyData","getValidationRule"],"mappings":"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","file":"js/chunk-3ef179f2.d23a1e35.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]},[_c('h3',[_vm._v(\"Role Form - \"+_vm._s(_vm.$route.params.id ? 'Edit' : 'Create'))]),_c('hr',{staticClass:\"my-4\"}),_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  <div v-loading=\"loading\">\n    <h3>Role Form - {{ $route.params.id ? 'Edit' : 'Create' }}</h3>\n    <hr class=\"my-4\" />\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  </div>\n</template>\n\n<script>\nimport formService from '@/mixins/FormService'\nimport formHelper from './form-helper'\n// import { DxButton } from 'devextreme-vue'\n\nlet service\n\nexport default {\n  components: {},\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=5d8ea75b&\"\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","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":""}