{"version":3,"sources":["webpack:///./src/views/setting/designation/Form.vue","webpack:///src/views/setting/designation/Form.vue","webpack:///./src/views/setting/designation/Form.vue?435b","webpack:///./src/views/setting/designation/Form.vue?8f0e"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","headerText","on","$event","preventDefault","backToList","apply","arguments","_m","attrs","directives","name","rawName","value","form","expression","modifiers","domProps","target","composing","$set","trim","$forceUpdate","validationErrors","hasOwnProperty","_e","short_name","saveDesignation","staticRenderFns","data","designationId","loading","errors","computed","methods","length","$route","params","id","updateDesignation","storeDesignation","client","post","$toast","success","e","_helper","showErrorMessage","put","get","console","log","$router","push","getSingleDesignation","component"],"mappings":"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","file":"js/chunk-2d0b365d.5ea09881.js","sourcesContent":["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\":\"name\"}},[_vm._v(\"Name *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.form.name),expression:\"form.name\",modifiers:{\"trim\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"name\",\"placeholder\":\"Enter name\",\"maxlength\":\"100\"},domProps:{\"value\":(_vm.form.name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"name\", $event.target.value.trim())},\"blur\":function($event){return _vm.$forceUpdate()}}}),(_vm.validationErrors.hasOwnProperty('name'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.name)+\" \")]):_vm._e()])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"short_name\"}},[_vm._v(\"Short Name *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.form.short_name),expression:\"form.short_name\",modifiers:{\"trim\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"short_name\",\"placeholder\":\"Enter short name\",\"maxlength\":\"50\"},domProps:{\"value\":(_vm.form.short_name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"short_name\", $event.target.value.trim())},\"blur\":function($event){return _vm.$forceUpdate()}}}),(_vm.validationErrors.hasOwnProperty('short_name'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.short_name)+\" \")]):_vm._e()])])])])])]),_c('div',{staticClass:\"details__card__footer\"},[_c('button',{staticClass:\"button success-button ml-auto\",on:{\"click\":function($event){return _vm.saveDesignation()}}},[_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\n                                <div class=\"col-md-6\">\n                                    <div class=\"form-group\">\n                                        <label for=\"name\">Name *</label>\n                                        <input type=\"text\" id=\"name\" v-model.trim=\"form.name\" placeholder=\"Enter name\" class=\"form-control\" maxlength=\"100\"/>\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('name')\">\n                                            {{ validationErrors.name }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"form-group\">\n                                        <label for=\"short_name\">Short Name *</label>\n                                        <input type=\"text\" id=\"short_name\" v-model.trim=\"form.short_name\" placeholder=\"Enter short name\" class=\"form-control\" maxlength=\"50\"/>\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('short_name')\">\n                                            {{ validationErrors.short_name }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                            </div>\n                        </div>\n                    </form>\n                </div>\n\n                <div class=\"details__card__footer\">\n                    <button class=\"button success-button ml-auto\" @click=\"saveDesignation()\"> Save</button>\n                </div>\n\n            </div>\n\n        </section>\n    </div>\n</template>\n\n<script>\nimport client from \"@/api/Client\";\n\n\nexport default {\n    name: \"DesignationForm\",\n\n    data() {\n        return {\n            designationId: null,\n            loading: false,\n            form: {\n                'short_name': '',\n                'name': ''\n            },\n            errors: {\n                name: '',\n                short_name: '',\n            },\n        }\n    },\n    computed: {\n        headerText() {\n            return this.designationId ? 'Edit designation' : 'Create designation';\n        },\n\n        validationErrors() {\n            return this.errors;\n        }\n    },\n    methods: {\n        async saveDesignation() {\n\n            this.errors = {\n                name: '',\n                short_name: '',\n            };\n\n            if (this.form.name.length === 0) {\n                this.errors.name = 'Name is required';\n                return false;\n            }\n\n            if (this.form.short_name.length === 0) {\n                this.errors.short_name = 'Short name is required';\n                return false;\n            }\n\n            if (this.$route.params.id) {\n                await this.updateDesignation();\n            } else {\n                await this.storeDesignation();\n            }\n        },\n\n        async storeDesignation() {\n            try {\n                await client().post(`designations`, this.form);\n                this.$toast.success('Designation 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        async updateDesignation() {\n            try {\n                await client().put(`designations/${this.designationId}`, this.form);\n                this.$toast.success('Designation updated.');\n                this.backToList();\n            } catch (e) {\n                let errors = _helper.showErrorMessage(e);\n                if (errors.length > 0) {\n                    this.errors = errors;\n                }\n            }\n        },\n\n        async getSingleDesignation() {\n            try {\n                let {data} = await client().get(`designations/${this.designationId}`);\n                this.form.short_name = data.data.short_name;\n                this.form.name = data.data.name;\n            } catch (e) {\n                console.log(e);\n            }\n        },\n\n        backToList() {\n            this.$router.push({name: 'setting.designation'})\n        },\n    },\n    async mounted() {\n        if (this.$route.params.id) {\n            this.designationId = this.$route.params.id;\n            await this.getSingleDesignation();\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!./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=81496eee\"\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":""}