{"version":3,"sources":["webpack:///./src/views/contract-employer/ContractEmployerEdit.vue","webpack:///src/views/contract-employer/ContractEmployerEdit.vue","webpack:///./src/views/contract-employer/ContractEmployerEdit.vue?d011","webpack:///./src/views/contract-employer/ContractEmployerEdit.vue?0e00","webpack:///./src/views/contract-employer/ContractEmployerEdit.vue?a8bf"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","formData","name","$set","email","phone","url","address","isSavingUser","on","update","onReset","staticRenderFns","components","TextField","Button","data","search","action","status","id","computed","methods","showAlertMessage","message","type","_this","contractEmployerService","updateContractEmployer","then","catch","error","console","log","finally","$refs","contractEmployer","reset","mounted","_this2","editContractEmployer","$route","params","result","component"],"mappings":"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","file":"js/chunk-6ccf8c88.896154ce.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(\" Edit Contractor Employer \")])]),_c('v-form',{ref:\"contractEmployer\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Email',\"type\":'email'},model:{value:(_vm.formData.email),callback:function ($$v) {_vm.$set(_vm.formData, \"email\", $$v)},expression:\"formData.email\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Phone Number',\"type\":'text'},model:{value:(_vm.formData.phone),callback:function ($$v) {_vm.$set(_vm.formData, \"phone\", $$v)},expression:\"formData.phone\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'URL',\"type\":'text'},model:{value:(_vm.formData.url),callback:function ($$v) {_vm.$set(_vm.formData, \"url\", $$v)},expression:\"formData.url\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"auto-grow\":\"false\",\"label\":\"Address\"},model:{value:(_vm.formData.address),callback:function ($$v) {_vm.$set(_vm.formData, \"address\", $$v)},expression:\"formData.address\"}})],1),_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"btn-group\"},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Update',\"btnType\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isSavingUser},on:{\"onClick\":_vm.update}}),_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        <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> Edit Contractor Employer </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\">\r\n                    <TextField v-model=\"formData.name\" :label=\"'Name'\" />\r\n                  </v-col>\r\n                  <v-col cols=\"12\">\r\n                    <TextField v-model=\"formData.email\" :label=\"'Email'\" :type=\"'email'\" />\r\n                  </v-col>\r\n                  <v-col cols=\"12\">\r\n                    <TextField v-model=\"formData.phone\" :label=\"'Phone Number'\" :type=\"'text'\" />\r\n                  </v-col>\r\n                  <v-col cols=\"12\">\r\n                    <TextField v-model=\"formData.url\" :label=\"'URL'\" :type=\"'text'\" />\r\n                  </v-col>\r\n                  <v-col cols=\"12\">\r\n                    <v-textarea\r\n                      outlined\r\n                      auto-grow=\"false\"\r\n                      label=\"Address\"\r\n                      v-model=\"formData.address\"\r\n                    ></v-textarea>\r\n                  </v-col>\r\n                  <v-col cols=\"12\" class=\"d-flex justify-end\">\r\n                    <div class=\"btn-group\">\r\n                      <Button\r\n                      :label=\"'Update'\"\r\n                      :btnType=\"'Submit'\"\r\n                      @onClick=\"update\"\r\n                      :disabled=\"!valid\"\r\n                      :isLoading=\"isSavingUser\"\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\n\r\nimport { contractEmployerService } from '@/services'\r\n// import { UPDATE_CONTRACTEMPLOYER } from '@/store/action-type'\r\n\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button\r\n\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      formData: {\r\n        name: '',\r\n        email: '',\r\n        action: 'Edit',\r\n        status: 0\r\n      },\r\n      id: '',\r\n      valid: false,\r\n      isSavingUser: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: ''\r\n    }\r\n  },\r\n  computed: {\r\n\r\n  },\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    update () {\r\n      this.isSavingUser = true\r\n      // const payload = [\r\n      //   {\r\n      //     'op': 'replace',\r\n      //     'path': '/name',\r\n      //     'value': this.formData.name\r\n      //   },\r\n      //   {\r\n      //     'op': 'replace',\r\n      //     'path': '/email',\r\n      //     'value': this.formData.email\r\n      //   }\r\n      // ]\r\n\r\n      contractEmployerService.updateContractEmployer(this.id, this.formData).then(() => {\r\n        this.isSavingUser = false\r\n        this.showAlertMessage(\r\n          'Contractor Employer updated successful',\r\n          'success'\r\n        )\r\n        this.onReset()\r\n      }).catch(error => {\r\n        console.log(error)\r\n        this.showAlertMessage('Contractor Employer creation failed', 'error')\r\n      }).finally(() => {\r\n        this.isSavingUser = false\r\n        // this.onReset()\r\n      })\r\n      // this.$store\r\n      //   .dispatch(UPDATE_CONTRACTEMPLOYER, this.id, payload)\r\n      //   .then(() => {\r\n      //     this.isSavingUser = false\r\n      //     this.showAlertMessage(\r\n      //       'Contractor Employer updated successful',\r\n      //       'success'\r\n      //     )\r\n      //   })\r\n      //   .catch((error) => {\r\n      //     console.log(error)\r\n      //     this.showAlertMessage('Contractor Employer creation failed', 'error')\r\n      //   })\r\n      //   .finally(() => {\r\n      //     this.isSavingUser = false\r\n      //     this.onReset()\r\n      //   })\r\n    },\r\n    onReset () {\r\n      this.$refs.contractEmployer.reset()\r\n    }\r\n  },\r\n  mounted () {\r\n    contractEmployerService.editContractEmployer(this.$route.params.id).then((result) => {\r\n      console.log(result)\r\n      const data = result.data\r\n      this.formData.name = data.name\r\n      this.formData.email = data.email\r\n      this.id = data.id\r\n    }).catch(error => {\r\n      console.log('this Error', error)\r\n      this.showAlertMessage(error.message, 'error')\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!./ContractEmployerEdit.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!./ContractEmployerEdit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContractEmployerEdit.vue?vue&type=template&id=4ae06b8a&scoped=true\"\nimport script from \"./ContractEmployerEdit.vue?vue&type=script&lang=js\"\nexport * from \"./ContractEmployerEdit.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContractEmployerEdit.vue?vue&type=style&index=0&id=4ae06b8a&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  \"4ae06b8a\",\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!./ContractEmployerEdit.vue?vue&type=style&index=0&id=4ae06b8a&prod&scoped=true&lang=css\""],"sourceRoot":""}