{"version":3,"sources":["webpack:///./src/views/role/index.vue?ce2a","webpack:///./src/components/ui/form/SelectField.vue","webpack:///src/components/ui/form/SelectField.vue","webpack:///./src/components/ui/form/SelectField.vue?1f28","webpack:///./src/components/ui/form/SelectField.vue?8450","webpack:///./src/views/role/index.vue","webpack:///src/views/role/index.vue","webpack:///./src/views/role/index.vue?4c18","webpack:///./src/views/role/index.vue?2d0a"],"names":["render","_vm","this","_c","_self","attrs","items","itemText","itemValue","returnObject","label","validate","v","on","$event","$emit","onChange","staticRenderFns","props","type","Array","required","String","default","Boolean","data","methods","event","component","staticClass","class","alertType","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","formData","Name","$set","Roles","RoleId","isLoading","onSave","onReset","components","TextField","Button","SelectField","id","name","showAlertMessage","message","$refs","roles","reset","mounted"],"mappings":"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","file":"js/chunk-7bca48c5.08225f46.js","sourcesContent":["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!./index.vue?vue&type=style&index=0&id=2ae0bce3&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-select',{attrs:{\"items\":_vm.items,\"item-text\":_vm.itemText,\"item-value\":_vm.itemValue,\"dense\":\"\",\"outlined\":\"\",\"return-object\":_vm.returnObject,\"label\":_vm.label,\"rules\":_vm.validate ? [v => !!v || 'Item is required'] : []},on:{\"input\":function($event){return _vm.$emit('input', $event)},\"change\":_vm.onChange}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-select\r\n    :items=\"items\"\r\n    :item-text=\"itemText\"\r\n    :item-value=\"itemValue\"\r\n    dense\r\n    outlined\r\n    :return-object=\"returnObject\"\r\n    :label=\"label\"\r\n    :rules=\"validate ? [v => !!v || 'Item is required'] : []\"\r\n    @input=\"$emit('input', $event)\"\r\n    @change=\"onChange\"\r\n  ></v-select>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    itemText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    returnObject: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    itemValue: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    validate: {\r\n      default: true,\r\n      type: Boolean\r\n    }\r\n  },\r\n  data: () => ({}),\r\n  methods: {\r\n    onChange (event) {\r\n      this.$emit('onChange', event)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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!./SelectField.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!./SelectField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectField.vue?vue&type=template&id=39a72acb&scoped=true\"\nimport script from \"./SelectField.vue?vue&type=script&lang=js\"\nexport * from \"./SelectField.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  \"39a72acb\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{\n        'alert-error': _vm.alertType == 'error',\n        'alert-success': _vm.alertType == 'success'\n      },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('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Assign Roles\")])]),_c('v-form',{ref:\"roles\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',[_c('v-col',[_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:{\"dense\":\"\"}},[_c('SelectField',{attrs:{\"items\":_vm.Roles,\"label\":'Roles',\"itemText\":'name',\"itemValue\":'id'},model:{value:(_vm.formData.RoleId),callback:function ($$v) {_vm.$set(_vm.formData, \"RoleId\", $$v)},expression:\"formData.RoleId\"}})],1),_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"12\"}},[_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)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\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=\"{\r\n          'alert-error': alertType == 'error',\r\n          'alert-success': alertType == 'success'\r\n        }\"\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         <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Assign Roles</h1>\r\n        </div>\r\n\r\n        <v-form ref=\"roles\" v-model=\"valid\">\r\n          <v-row>\r\n            <v-col >\r\n              <TextField v-model=\"formData.Name\" :label=\"'Name'\" />\r\n            </v-col>\r\n\r\n              <v-col  dense>\r\n              <SelectField\r\n                :items=\"Roles\"\r\n                v-model=\"formData.RoleId\"\r\n                :label=\"'Roles'\"\r\n                :itemText=\"'name'\"\r\n                :itemValue=\"'id'\"\r\n              />\r\n            </v-col>\r\n             <v-col cols=\"12\" class=\"d-flex justify-end\">\r\n\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\r\n                    <Button :label=\"'Reset'\" :btnType=\"'Cancel'\" @onClick=\"onReset\" />\r\n\r\n                  </v-col>\r\n          </v-row>\r\n        </v-form>\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 SelectField from '@/components/ui/form/SelectField.vue'\r\n// import { stateService, holidayService } from '@/services'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    SelectField\r\n  },\r\n  data () {\r\n    return {\r\n\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      valid: false,\r\n      isLoading: false,\r\n\r\n      formData: {\r\n\r\n        RoleId: '',\r\n\r\n        Name: ''\r\n      },\r\n      Roles: [{ id: 2, name: 'LCE' }, { id: 3, name: 'LCM' }, { id: 4, name: 'Supervisor' }, { id: 5, name: 'Superintendent' }, { id: 6, name: 'HRCLU' }, { id: 7, name: 'Finance' }, { id: 8, name: 'SCM' }]\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    onSave () {\r\n      this.isLoading = true\r\n      // holidayService.createHoliday(this.formData).then(() => {\r\n      //   this.showAlertMessage('Holiday creation successful', 'success')\r\n      // }).catch((error) => {\r\n      //   console.log(error)\r\n      //   this.showAlertMessage('Holiday creation failed', 'error')\r\n      // }).finally(() => {\r\n      //   this.isLoading = false\r\n      //   this.onReset()\r\n      // })\r\n    },\r\n    onReset () {\r\n      this.$refs.roles.reset()\r\n    }\r\n  },\r\n  mounted () {\r\n  //   stateService.getAllStates().then(result => {\r\n  //     this.states = result.data.items\r\n  //   }).catch(error => {\r\n  //     console.log(error)\r\n  //   })\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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.v-input--selection-controls{\r\n  margin: 0;\r\n  padding: 0;\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!./index.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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2ae0bce3&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2ae0bce3&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  \"2ae0bce3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}