{"version":3,"sources":["webpack:///./src/views/module-approvers/index.vue","webpack:///src/views/module-approvers/index.vue","webpack:///./src/views/module-approvers/index.vue?95e4","webpack:///./src/views/module-approvers/index.vue?704c","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/components/ui/confirmationDialog.vue","webpack:///src/components/ui/confirmationDialog.vue","webpack:///./src/components/ui/confirmationDialog.vue?0e04","webpack:///./src/components/ui/confirmationDialog.vue?dbad","webpack:///./src/views/module-approvers/index.vue?b1f9"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","modules","on","$event","onChangeModule","selectedModule","id","allowanceType","onChangeAllowance","selectedAllowance","_e","approverLevels","staticStyle","_l","approversArray","item","key","roleType","bottom","offsetY","removeItem","Selected","$set","length","selectedItems","approvers","Approver","directives","name","rawName","Level","domProps","target","composing","reload","dialog","isSaving","onSubmit","staticRenderFns","components","SelectField","ConfirmationDialog","TextField","Button","data","getAllApprovers","formData","selectedApprover","level","watch","newArray","arr","i","push","methods","showAlertMessage","message","type","_this","setTimeout","module","allowance","_this2","salaryComponentId","salaryComponentService","getModuleApprovers","then","result","approverCount","moduleApprovers","catch","_this3","join","checkDuplicate","array","val","j","loadRoles","splice","_this4","Approvers","_action","salaryId","ans","forEach","per","Module","ModuleName","SalaryComponentId","ApprovalCount","Action","createApprovers","error","console","log","finally","loadRequestSalaryAllowance","_this5","getRequestSalaryAllowance","_this6","roleService","getAllRoles","items","mounted","component","itemText","itemValue","returnObject","label","validate","v","$emit","onChange","props","Array","required","String","default","Boolean","event","show","title","btnTitle","loading","btnAction","stopPropagation","isLoading","computed","get","set"],"mappings":"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","file":"js/chunk-58fd3926.af787192.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:{\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-8 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Configure Approvers\")])]),_c('div',{staticClass:\"col-md-12 ml-auto mr-auto\"},[_c('v-form',{ref:\"salarycomponent\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',[_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.modules,\"label\":'Modules',\"itemText\":'name',\"itemValue\":'id',\"returnObject\":true},on:{\"onChange\":function($event){return _vm.onChangeModule(_vm.selectedModule)}},model:{value:(_vm.selectedModule),callback:function ($$v) {_vm.selectedModule=$$v},expression:\"selectedModule\"}})],1),(_vm.selectedModule && _vm.selectedModule.id === 1 )?_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.allowanceType,\"label\":'Allowance Type',\"itemText\":'description',\"itemValue\":'id',\"returnObject\":true},on:{\"onChange\":function($event){return _vm.onChangeAllowance(_vm.selectedModule, _vm.selectedAllowance)}},model:{value:(_vm.selectedAllowance),callback:function ($$v) {_vm.selectedAllowance=$$v},expression:\"selectedAllowance\"}})],1):_vm._e(),_c('v-col',[_c('TextField',{attrs:{\"type\":'number',\"label\":'Level',\"min\":1,\"validate\":false,\"max\":3},model:{value:(_vm.approverLevels),callback:function ($$v) {_vm.approverLevels=$$v},expression:\"approverLevels\"}})],1),_c('v-col',[_c('v-simple-table',[_c('thead',[_c('tr',[_c('th',{staticClass:\"text-left\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" S/N \")]),_c('th',{staticClass:\"text-left\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Role \")]),_c('th',{staticClass:\"text-left\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Selected Role(s) \")]),_c('th',{staticClass:\"text-left\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" Level \")])])]),_c('tbody',_vm._l((_vm.approversArray),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(_vm._s(item.id+1))]),_c('td',[_c('div',{staticClass:\"pt-6\"},[_c('v-select',{attrs:{\"items\":_vm.roleType,\"label\":'',\"item-text\":'description',\"item-value\":'name',\"multiple\":\"\",\"persistent-hint\":\"\",\"menu-props\":{ bottom: true, offsetY: true },\"outlined\":\"\"},on:{\"blur\":function($event){return _vm.removeItem(item.Selected)}},model:{value:(item.Selected),callback:function ($$v) {_vm.$set(item, \"Selected\", $$v)},expression:\"item.Selected\"}})],1)]),_c('td',[(item.Selected.length > 0)?_c('span',[_vm._v(\" \"+_vm._s(_vm.selectedItems(item.Selected)))]):(_vm.approvers.length === 0)?_c('span'):_c('span',[_vm._v(\" \"+_vm._s(item.Approver)+\" \")])]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(item.Level),expression:\"item.Level\"}],staticClass:\"input\",attrs:{\"type\":\"number\",\"readonly\":\"\",\"max\":\"4\",\"oninput\":\"(!validity.rangeOverflow||(value=3)) ;\"},domProps:{\"value\":(item.Level)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(item, \"Level\", $event.target.value)}}})])])}),0)])],1),_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"12 mt-5\"}},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Reset',\"btnType\":'Submit',\"color\":'success'},on:{\"onClick\":_vm.reload}}),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Submit',\"btnType\":'Submit',\"disabled\":!_vm.valid,\"color\":'primary'},on:{\"onClick\":function($event){_vm.dialog = true}}})],1)],1)],1)],1)])]),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"isLoading\":_vm.isSaving,\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.onSubmit}})],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-8 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Configure Approvers</h1>\r\n        </div>\r\n        <div class=\"col-md-12 ml-auto mr-auto\">\r\n          <v-form ref=\"salarycomponent\" v-model=\"valid\">\r\n          <v-row>\r\n          <v-col>\r\n             <SelectField\r\n                :items=\"modules\"\r\n                v-model=\"selectedModule\"\r\n                :label=\"'Modules'\"\r\n                :itemText=\"'name'\"\r\n                :itemValue=\"'id'\"\r\n                :returnObject=\"true\"\r\n                @onChange=\"onChangeModule(selectedModule)\"\r\n\r\n              />\r\n          </v-col>\r\n          <v-col v-if=\"selectedModule && selectedModule.id === 1 \">\r\n              <SelectField\r\n                :items=\"allowanceType\"\r\n                v-model=\"selectedAllowance\"\r\n                :label=\"'Allowance Type'\"\r\n                :itemText=\"'description'\"\r\n                :itemValue=\"'id'\"\r\n                :returnObject=\"true\"\r\n                @onChange=\"onChangeAllowance(selectedModule, selectedAllowance)\"\r\n              />\r\n          </v-col>\r\n          <v-col>\r\n            <TextField\r\n                v-model=\"approverLevels\"\r\n                :type=\"'number'\"\r\n                :label=\"'Level'\"\r\n                :min=\"1\"\r\n                :validate=\"false\"\r\n                :max=\"3\"\r\n              />\r\n          </v-col>\r\n          <v-col>\r\n         <v-simple-table>\r\n            <thead>\r\n              <tr>\r\n                <th class=\"text-left\" style=\"text-align:center\">\r\n                  S/N\r\n                </th>\r\n                <th class=\"text-left\" style=\"text-align:center\">\r\n                  Role\r\n                </th>\r\n                <th class=\"text-left\" style=\"text-align:center\">\r\n                  Selected Role(s)\r\n                </th>\r\n                <th class=\"text-left\" style=\"text-align:center\">\r\n                  Level\r\n                </th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n        <tr v-for=\"item in approversArray\" :key=\"item.id\" >\r\n          <td>{{ item.id+1 }}</td>\r\n\r\n          <td>\r\n            <div class=\"pt-6\">\r\n              <v-select\r\n                :items=\"roleType\"\r\n                v-model=\"item.Selected\"\r\n                :label=\"''\"\r\n                :item-text=\"'description'\"\r\n                :item-value=\"'name'\"\r\n                multiple\r\n                persistent-hint\r\n                :menu-props=\"{ bottom: true, offsetY: true }\"\r\n                outlined\r\n                @blur=\"removeItem(item.Selected)\"\r\n\r\n              />\r\n            </div>\r\n          </td>\r\n\r\n          <td >\r\n            <span v-if=\"item.Selected.length > 0\"> {{ selectedItems(item.Selected) }}</span>\r\n            <span v-else-if=\"approvers.length === 0\"> </span>\r\n            <span v-else> {{ item.Approver }} </span>\r\n          </td>\r\n\r\n          <td>\r\n            <input\r\n             type=\"number\"\r\n             v-model=\"item.Level\"\r\n             readonly\r\n            max=\"4\"\r\n            class=\"input\"\r\n            oninput=\"(!validity.rangeOverflow||(value=3)) ;\"\r\n            />\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n         </v-simple-table>\r\n          </v-col>\r\n          <v-col cols=\"12 mt-5\" class=\"d-flex justify-end\">\r\n              <Button\r\n                :label=\"'Reset'\"\r\n                :btnType=\"'Submit'\"\r\n                :color=\"'success'\"\r\n                @onClick=\"reload\"\r\n                class=\"mr-4\"\r\n              />\r\n              <Button\r\n                :label=\"'Submit'\"\r\n                :btnType=\"'Submit'\"\r\n                @onClick=\"dialog = true\"\r\n                :disabled=\"!valid\"\r\n                :color=\"'primary'\"\r\n                class=\"mr-4\"\r\n              />\r\n          </v-col>\r\n        </v-row>\r\n          </v-form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :isLoading=\"isSaving\"  :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"onSubmit\"/>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport { salaryComponentService, roleService } from '@/services'\r\nexport default {\r\n  components: {\r\n    SelectField,\r\n    ConfirmationDialog,\r\n    TextField,\r\n    Button\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      isSaving: false,\r\n      dialog: false,\r\n      valid: false,\r\n      approvers: [],\r\n      approversArray: [],\r\n      getAllApprovers: [],\r\n      selectedModule: null,\r\n      selectedAllowance: '',\r\n      approverLevels: 0,\r\n      formData: {\r\n        selectedApprover: '',\r\n        level: 0\r\n      },\r\n      modules: [\r\n        {\r\n          id: 0, name: 'Timesheet'\r\n        },\r\n        {\r\n          id: 1, name: 'Allowance'\r\n        },\r\n        {\r\n          id: 2, name: 'PPE'\r\n        },\r\n        {\r\n          id: 3, name: 'Training'\r\n        },\r\n        {\r\n          id: 4, name: 'Benefits'\r\n        },\r\n        {\r\n          id: 5, name: 'Medical Screening'\r\n        },\r\n        {\r\n          id: 6, name: 'Leave'\r\n        },\r\n        {\r\n          id: 7, name: 'Requisition'\r\n        },\r\n        {\r\n          id: 8, name: 'Exit'\r\n        }\r\n      ],\r\n      allowanceType: [],\r\n      roleType: []\r\n    }\r\n  },\r\n  watch: {\r\n    approverLevels (newArray) {\r\n      let arr = []\r\n      if (this.approverLevels > 0 && this.approvers.length !== 0) {\r\n        for (let i = 0; i < this.approverLevels; i++) {\r\n          arr.push({\r\n            id: i,\r\n            Approver: this.approvers[i][`approver`],\r\n            Selected: [],\r\n            Level: this.approvers[i].level\r\n          })\r\n        }\r\n      } else if (this.approverLevels > 0 && this.approvers.length === 0) {\r\n        for (let i = 0; i < this.approverLevels; i++) {\r\n          arr.push({\r\n            id: i,\r\n            Approver: [],\r\n            Selected: [],\r\n            Level: i + 1\r\n          })\r\n        }\r\n      }\r\n      this.approversArray = arr\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      setTimeout(() => {\r\n        this.alert = false\r\n      }, 5000)\r\n    },\r\n\r\n    onChangeAllowance (module, allowance) {\r\n      if (allowance) {\r\n        const salaryComponentId = this.selectedAllowance.id\r\n        salaryComponentService.getModuleApprovers(module.id, salaryComponentId)\r\n          .then(result => {\r\n            this.getAllApprovers = result.data\r\n            this.approverLevels = this.getAllApprovers.approverCount\r\n            this.approvers = result.data.moduleApprovers\r\n          })\r\n          .catch(() => {})\r\n      }\r\n    },\r\n    onChangeModule (module) {\r\n      let salaryComponentId = 0\r\n      if (module.id !== 1) {\r\n        salaryComponentService.getModuleApprovers(module.id, salaryComponentId)\r\n          .then(result => {\r\n            this.getAllApprovers = result.data\r\n            this.approverLevels = this.getAllApprovers.approverCount\r\n            this.approvers = result.data.moduleApprovers\r\n          })\r\n          .catch(() => {\r\n          })\r\n      }\r\n    },\r\n    selectedItems (item) {\r\n      return item.join('/')\r\n    },\r\n    checkDuplicate (array) {\r\n      let val = false\r\n      for (let i = 0; i < array.length; i++) {\r\n        for (let j = 0; j < array.length; j++) {\r\n          if (i !== j) {\r\n            if (array[i].Approver === array[j].Approver) {\r\n              val = true\r\n              break\r\n            }\r\n          }\r\n        }\r\n      }\r\n      return val\r\n    },\r\n\r\n    reload () { this.loadRoles() },\r\n\r\n    removeItem (value) {\r\n      for (let i = 0; i < this.roleType.length; i++) {\r\n        for (let j = 0; j < value.length; j++) {\r\n          if (this.roleType[i].name === value[j]) {\r\n            this.roleType.splice(i, 1)\r\n          }\r\n        }\r\n      }\r\n      return this.roleType\r\n    },\r\n\r\n    onSubmit () {\r\n      this.isSaving = true\r\n      // console.log(JSON.stringify(this.approversArray))\r\n      let Approvers = []\r\n      let data = []\r\n      let _action = 'Edit'\r\n      let salaryId = 0\r\n      if (this.selectedModule.id === 1) {\r\n        salaryId = this.selectedAllowance.id\r\n      }\r\n      let ans = ''\r\n      this.approversArray.forEach(per => {\r\n        if (per.Selected.length > 0) {\r\n          ans = this.selectedItems(per.Selected)\r\n        } else {\r\n          ans = per.Approver\r\n        }\r\n        return Approvers.push({\r\n          Approver: ans,\r\n          Level: per.Level\r\n        })\r\n      })\r\n\r\n      if (this.checkDuplicate(Approvers)) {\r\n        this.showAlertMessage('Same approver role selected for different level', 'error')\r\n        this.isSaving = false\r\n        this.dialog = false\r\n      } else {\r\n        if (this.approvers.length === 0) {\r\n          _action = 'New'\r\n        }\r\n        data.push({\r\n          Module: this.selectedModule.id,\r\n          ModuleName: this.selectedModule.name,\r\n          SalaryComponentId: salaryId,\r\n          ApprovalCount: this.approverLevels,\r\n          Approvers: Approvers,\r\n          Action: _action\r\n        })\r\n\r\n        salaryComponentService.createApprovers(data[0]).then(() => { })\r\n          .catch((error) => {\r\n            console.log('error:', error)\r\n            this.isSaving = false\r\n            this.dialog = false\r\n          }).finally(() => {\r\n            this.isSaving = false\r\n            this.dialog = false\r\n            this.approverLevels = 0\r\n            this.selectedModule = ''\r\n            this.selectedAllowance = ''\r\n          })\r\n      }\r\n    },\r\n\r\n    loadRequestSalaryAllowance () {\r\n      salaryComponentService\r\n        .getRequestSalaryAllowance()\r\n        .then(result => {\r\n          this.allowanceType = result.data\r\n        })\r\n        .catch(() => {})\r\n    },\r\n    loadRoles () {\r\n      roleService.getAllRoles().then((result) => {\r\n        this.roleType = result.data.items\r\n      }).catch(() => {})\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.loadRequestSalaryAllowance()\r\n    this.loadRoles()\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.input {\r\n  border-radius: 3px;\r\n  border: 1px solid grey;\r\n  height: 40px;\r\n  padding-left: 5px;\r\n  width: 90px;\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=b8b30e76&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=b8b30e76&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  \"b8b30e76\",\n  null\n  \n)\n\nexport default component.exports","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-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('v-divider',{staticClass:\"mx-4 mb-5\"}),_c('v-card-actions',[_c('v-spacer'),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":_vm.btnTitle,\"btnType\":'Submit',\"isLoading\":_vm.loading},on:{\"onClick\":_vm.btnAction}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.show=false}}},[_vm._v(\"No\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"show\" persistent max-width=\"500\">\r\n    <v-card>\r\n      <v-card-title class=\"headline text-center\"><h3>{{title}}</h3></v-card-title>\r\n      <v-divider class=\"mx-4 mb-5\"></v-divider>\r\n      <v-card-actions>\r\n        <v-spacer></v-spacer>\r\n        <Button\r\n          :label=\"btnTitle\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"btnAction\"\r\n          :isLoading=\"loading\"\r\n          class=\"mr-4\"\r\n        />\r\n        <v-btn color=\"green darken-1\" text @click.stop=\"show=false\">No</v-btn>\r\n      </v-card-actions>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<script>\r\nimport Button from './form/Button.vue'\r\nexport default {\r\n  components: {\r\n    Button\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String\r\n    },\r\n    btnTitle: {\r\n      type: String\r\n    },\r\n    dialog: {\r\n      type: Boolean\r\n    },\r\n    isLoading: {\r\n      type: Boolean\r\n    }\r\n  },\r\n  computed: {\r\n    show: {\r\n      get () {\r\n        return this.dialog\r\n      },\r\n      set (dialog) {\r\n        if (!dialog) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    },\r\n    loading: {\r\n      get () {\r\n        return this.isLoading\r\n      },\r\n      set (isLoading) {\r\n        if (!isLoading) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    btnAction () {\r\n      this.$emit('btnAction')\r\n    }\r\n  }\r\n}\r\n</script>\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!./confirmationDialog.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!./confirmationDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./confirmationDialog.vue?vue&type=template&id=72eed400\"\nimport script from \"./confirmationDialog.vue?vue&type=script&lang=js\"\nexport * from \"./confirmationDialog.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","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=b8b30e76&prod&scoped=true&lang=css\""],"sourceRoot":""}