{"version":3,"sources":["webpack:///./src/views/contract-employer/CompleteContractEmployerUser.vue","webpack:///src/views/contract-employer/CompleteContractEmployerUser.vue","webpack:///./src/views/contract-employer/CompleteContractEmployerUser.vue?7269","webpack:///./src/views/contract-employer/CompleteContractEmployerUser.vue?cf34","webpack:///./src/views/contract-employer/CompleteContractEmployerUser.vue?1077"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","showError","errorMessage","_e","formData","username","$set","firstName","middleName","lastName","isLoading","on","onSave","onReset","staticRenderFns","components","TextField","Button","data","search","password","computed","methods","showAlertMessage","message","type","_this","contractEmployeeruser","isUserExist","then","result","createContractEmployer","catch","finally","$refs","contractEmployer","reset","mounted","watch","_this2","isEmailValid","test","component"],"mappings":"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","file":"js/chunk-5825d3e0.faba15db.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{},[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{'alert-error':_vm.alertType=='error', 'alert-success':_vm.alertType=='success'},attrs:{\"border\":\"left\",\"dark\":\"\",\"dismissible\":\"\"},model:{value:(_vm.alert),callback:function ($$v) {_vm.alert=$$v},expression:\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.alertMessage)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"New User \")])]),_c('v-form',{ref:\"contractEmployer\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[(_vm.showError)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"alert-error mb-3\"},[_vm._v(_vm._s(_vm.errorMessage))])]):_vm._e(),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Email'},model:{value:(_vm.formData.username),callback:function ($$v) {_vm.$set(_vm.formData, \"username\", $$v)},expression:\"formData.username\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'First Name',\"type\":'text'},model:{value:(_vm.formData.firstName),callback:function ($$v) {_vm.$set(_vm.formData, \"firstName\", $$v)},expression:\"formData.firstName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Middle Name'},model:{value:(_vm.formData.middleName),callback:function ($$v) {_vm.$set(_vm.formData, \"middleName\", $$v)},expression:\"formData.middleName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Last Name',\"type\":'text'},model:{value:(_vm.formData.lastName),callback:function ($$v) {_vm.$set(_vm.formData, \"lastName\", $$v)},expression:\"formData.lastName\"}})],1),_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"btn-group\"},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Submit',\"btnType\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isLoading},on:{\"onClick\":_vm.onSave}}),_c('Button',{attrs:{\"label\":'Reset',\"btnType\":'Cancel'},on:{\"onClick\":_vm.onReset}})],1)])],1)],1)],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app class>\r\n    <div>\r\n      <v-alert\r\n        v-model=\"alert\"\r\n        border=\"left\"\r\n        dark\r\n        dismissible\r\n        class=\"alert\"\r\n        :class=\"{'alert-error':alertType=='error', 'alert-success':alertType=='success'}\"\r\n      >\r\n      {{alertMessage}}\r\n      </v-alert>\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-md-6 ml-auto mr-auto\">\r\n        <v-container>\r\n          <div class=\"mb-8 mt-8 text-center\">\r\n            <h1>New User </h1>\r\n          </div>\r\n          <v-form ref=\"contractEmployer\" v-model=\"valid\">\r\n            <v-row no-gutters>\r\n              <v-col cols=\"12\" v-if=\"showError\">\r\n                <p class=\"alert-error mb-3\">{{errorMessage}}</p>\r\n              </v-col>\r\n              <v-col cols=\"12\">\r\n                <TextField v-model=\"formData.username\" :label=\"'Email'\" />\r\n              </v-col>\r\n              <v-col cols=\"12\">\r\n                <TextField v-model=\"formData.firstName\" :label=\"'First Name'\" :type=\"'text'\"  />\r\n              </v-col>\r\n              <v-col cols=\"12\">\r\n                <TextField v-model=\"formData.middleName\" :label=\"'Middle Name'\" />\r\n              </v-col>\r\n              <v-col cols=\"12\">\r\n                <TextField v-model=\"formData.lastName\" :label=\"'Last Name'\" :type=\"'text'\"/>\r\n              </v-col>\r\n\r\n              <v-col cols=\"12\" class=\"d-flex justify-end\">\r\n                <div class=\"btn-group\">\r\n                  <Button\r\n                    :label=\"'Submit'\"\r\n                    :btnType=\"'Submit'\"\r\n                    @onClick=\"onSave\"\r\n                    :disabled=\"!valid\"\r\n                    :isLoading=\"isLoading\"\r\n                    class=\"mr-4\"\r\n                  />\r\n                  <Button :label=\"'Reset'\" :btnType=\"'Cancel'\" @onClick=\"onReset\" />\r\n                </div>\r\n              </v-col>\r\n            </v-row>\r\n          </v-form>\r\n        </v-container>\r\n      </div>\r\n    </div>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport { contractEmployeeruser } from '@/services'\r\n\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      formData: {\r\n        firstName: '',\r\n        lastName: '',\r\n        middleName: '',\r\n        username: '',\r\n        password: ''\r\n        // ContractEmployerId: this.$route.params.id\r\n      },\r\n      valid: false,\r\n      showError: false,\r\n      isLoading: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      errorMessage: ''\r\n    }\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n    },\r\n    onSave () {\r\n      this.isLoading = true\r\n      this.errorMessage = ''\r\n      this.showError = false\r\n\r\n      contractEmployeeruser.isUserExist(this.formData.username).then(result => {\r\n        if (result.data === true) {\r\n          this.valid = !result.data\r\n          this.showError = result.data\r\n          this.errorMessage = 'Email address already exist'\r\n        } else {\r\n          contractEmployeeruser.createContractEmployer(this.formData).then(() => {\r\n            this.showAlertMessage('User successfully created', 'success')\r\n          }).catch(() => {\r\n            this.showAlertMessage('Unable to create user', 'error')\r\n          }).finally(() => {\r\n            this.isLoading = false\r\n            this.onReset()\r\n          })\r\n        }\r\n      })\r\n    },\r\n    onReset () {\r\n      this.$refs.contractEmployer.reset()\r\n    }\r\n  },\r\n  mounted () {},\r\n  watch: {\r\n    'formData.username': function (value) {\r\n      this.showError = false\r\n      this.errorMessage = ''\r\n      const isEmailValid = /.+@.+\\..+/.test(value)\r\n      if (isEmailValid) {\r\n        contractEmployeeruser.isUserExist(value).then(result => {\r\n          this.valid = !result.data\r\n          this.showError = result.data\r\n          this.errorMessage = 'Email address already exist'\r\n        })\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.search-btn {\r\n  background-color: #e6e3e3;\r\n  height: 40px;\r\n  border-radius: 3px !important;\r\n}\r\n.btn-group{\r\n  display: inline-flex;\r\n}\r\n.row-pointer >>> tbody tr :hover {\r\n  cursor: pointer;\r\n}\r\n .alert {\r\n  position: fixed;\r\n  z-index: 9999;\r\n  top: 5px;\r\n  min-width: 50%;\r\n}\r\n.alert-success {\r\n  color: #155724;\r\n  background-color: #d4edda;\r\n  border-color: #c3e6cb;\r\n}\r\n.alert-error {\r\n  color: #721c24;\r\n  background-color: #f8d7da;\r\n  border-color: #f5c6cb;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteContractEmployerUser.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteContractEmployerUser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CompleteContractEmployerUser.vue?vue&type=template&id=62704091&scoped=true\"\nimport script from \"./CompleteContractEmployerUser.vue?vue&type=script&lang=js\"\nexport * from \"./CompleteContractEmployerUser.vue?vue&type=script&lang=js\"\nimport style0 from \"./CompleteContractEmployerUser.vue?vue&type=style&index=0&id=62704091&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  \"62704091\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteContractEmployerUser.vue?vue&type=style&index=0&id=62704091&prod&scoped=true&lang=css\""],"sourceRoot":""}