{"version":3,"sources":["webpack:///./src/views/salary/index.vue","webpack:///src/views/salary/index.vue","webpack:///./src/views/salary/index.vue?d6e6","webpack:///./src/views/salary/index.vue?4c00","webpack:///./src/views/salary/index.vue?6abd","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/components/ui/Dialog.vue","webpack:///src/components/ui/Dialog.vue","webpack:///./src/components/ui/Dialog.vue?031d","webpack:///./src/components/ui/Dialog.vue?85af"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","on","Add","searchPersonnel","salaryComponents","length","headers","scopedSlots","_u","key","fn","_ref","item","$event","viewDetail","description","_ref2","_f","dateAdded","_ref3","SalaryComponentEnums","salaryComponentType","_ref4","edit","openDeleteModal","ref","formData","$set","frequency","SalaryComponentFrequencyId","selected","rate","_e","markup","isTimeSheetDriven","TimesheetItemType","id","OverTimeType","overtimeType","isAllowance","isBasic","isFlat","isBaseOnBasic","isTaxable","dialog","cancel","proxy","valid","OnchangeSalaryComponent","deleteSalaryComponent","isLoading","update","staticRenderFns","components","TextField","Button","Dialog","ConfirmationDialog","data","search","isSaving","name","text","computed","$store","getters","methods","showAlertMessage","message","type","_this","setTimeout","getInfo","$refs","viewModal","openModal","console","log","isBasedOnBasic","SalaryComponent","filter","sal","freq","salaryComponentFrequencyId","timesheetItemType","Timesheettype","timeSheet","overTime","overtime","OvertimeType","editModal","deleteModal","_this2","dispatch","DELETE_SALARY","then","catch","error","finally","closeModal","createDepartment","_this3","CREATE_SALARY","isSavingUser","onReset","$router","push","closeAddModal","department","reset","addModal","resetForm","modal","mounted","_this4","FETCH_SALARY","component","show","title","btnTitle","loading","btnAction","stopPropagation","props","String","Boolean","get","set","$emit","persistent","width","showModal","_t","default","subTitle","Number","toggleModal"],"mappings":"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","file":"js/chunk-c787b04e.40b36a60.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-12 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-4 mt-8 d-flex\"},[_c('div',{staticClass:\"col-md-11\"},[_c('h1',[_vm._v(\"Salary Component\")])]),_c('div',{staticClass:\"col-md-1\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'+'},on:{\"onClick\":_vm.Add}})],1)]),_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.searchPersonnel),callback:function ($$v) {_vm.searchPersonnel=$$v},expression:\"searchPersonnel\"}}),_c('v-data-table',{attrs:{\"loading-text\":\"Loading salaryComponents... Please wait\",\"loading\":!_vm.salaryComponents.length,\"headers\":_vm.headers,\"items\":_vm.salaryComponents,\"search\":_vm.searchPersonnel},scopedSlots:_vm._u([{key:\"item.description\",fn:function({ item }){return [_c('button',{staticClass:\"view-button\",on:{\"click\":function($event){return _vm.viewDetail(item)}}},[_vm._v(_vm._s(item.description))])]}},{key:\"item.dateAdded\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.dateAdded))+\" \")]}},{key:\"item.salaryComponentType\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm.SalaryComponentEnums (item.salaryComponentType))+\" \")]}},{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Edit'},on:{\"onClick\":function($event){return _vm.edit(item)}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Delete'},on:{\"onClick\":function($event){return _vm.openDeleteModal(item)}}})],1)]}}])}),_c('Dialog',{ref:\"viewModal\",attrs:{\"title\":'View',\"width\":600}},[_c('v-row',[_c('v-col',[_c('TextField',{attrs:{\"disable\":true,\"label\":'Name'},model:{value:(_vm.formData.description),callback:function ($$v) {_vm.$set(_vm.formData, \"description\", $$v)},expression:\"formData.description\"}})],1),_c('v-col',[_c('v-select',{attrs:{\"disabled\":\"\",\"items\":_vm.frequency,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Frequency\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.SalaryComponentFrequencyId),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryComponentFrequencyId\", $$v)},expression:\"formData.SalaryComponentFrequencyId\"}})],1),_c('v-col',[_c('v-select',{attrs:{\"disabled\":\"\",\"items\":_vm.salaryComponentType,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Salary Component Type\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.salaryComponentType),callback:function ($$v) {_vm.$set(_vm.formData, \"salaryComponentType\", $$v)},expression:\"formData.salaryComponentType\"}})],1),(_vm.selected ===  4 )?_c('v-col',[_c('TextField',{attrs:{\"disable\":true,\"type\":'number',\"label\":'Rate'},model:{value:(_vm.formData.rate),callback:function ($$v) {_vm.$set(_vm.formData, \"rate\", $$v)},expression:\"formData.rate\"}})],1):_vm._e(),_c('v-col',[_c('TextField',{attrs:{\"disable\":true,\"type\":'number',\"label\":'Markup'},model:{value:(_vm.formData.markup),callback:function ($$v) {_vm.$set(_vm.formData, \"markup\", $$v)},expression:\"formData.markup\"}})],1),_c('v-col',{attrs:{\"dense\":\"\"}},[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"disabled\":\"\",\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Timesheet ?\"},model:{value:(_vm.formData.isTimeSheetDriven),callback:function ($$v) {_vm.$set(_vm.formData, \"isTimeSheetDriven\", $$v)},expression:\"formData.isTimeSheetDriven\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),(_vm.formData.isTimeSheetDriven === true)?_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-select',{attrs:{\"disabled\":\"\",\"items\":_vm.TimesheetItemType,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Timesheet Item type\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.TimesheetItemType),callback:function ($$v) {_vm.$set(_vm.formData, \"TimesheetItemType\", $$v)},expression:\"formData.TimesheetItemType\"}})],1):_vm._e(),_c('v-col',{attrs:{\"cols\":\"6\"}}),(_vm.formData.TimesheetItemType.id ===  1 )?_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-select',{attrs:{\"disabled\":\"\",\"items\":_vm.OverTimeType,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Overtime Type\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.overtimeType),callback:function ($$v) {_vm.$set(_vm.formData, \"overtimeType\", $$v)},expression:\"formData.overtimeType\"}})],1):_vm._e(),_c('v-col',[(_vm.formData.isAllowance === false)?_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"disabled\":\"\",\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"CMS ?\"},model:{value:(_vm.formData.isBasic),callback:function ($$v) {_vm.$set(_vm.formData, \"isBasic\", $$v)},expression:\"formData.isBasic\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1):_vm._e()],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"disabled\":\"\",\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Fixed Amount ?\"},model:{value:(_vm.formData.isFlat),callback:function ($$v) {_vm.$set(_vm.formData, \"isFlat\", $$v)},expression:\"formData.isFlat\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"disabled\":\"\",\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\" Based on CMS ?\"},model:{value:(_vm.formData.isBaseOnBasic),callback:function ($$v) {_vm.$set(_vm.formData, \"isBaseOnBasic\", $$v)},expression:\"formData.isBaseOnBasic\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"disabled\":\"\",\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\" Taxable ?\"},model:{value:(_vm.formData.isTaxable),callback:function ($$v) {_vm.$set(_vm.formData, \"isTaxable\", $$v)},expression:\"formData.isTaxable\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1)],1)],1),_c('Dialog',{ref:\"editModal\",attrs:{\"title\":'Edit',\"width\":600},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Update'},on:{\"onClick\":function($event){_vm.dialog = true}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":function($event){return _vm.cancel('editModal')}}})]},proxy:true}])},[_c('v-form',{ref:\"department\",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.description),callback:function ($$v) {_vm.$set(_vm.formData, \"description\", $$v)},expression:\"formData.description\"}})],1),_c('v-col',[_c('v-select',{attrs:{\"items\":_vm.frequency,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Frequency\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.SalaryComponentFrequencyId),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryComponentFrequencyId\", $$v)},expression:\"formData.SalaryComponentFrequencyId\"}})],1),_c('v-col',[_c('v-select',{attrs:{\"items\":_vm.salaryComponentType,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Salary Component Type\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},on:{\"change\":_vm.OnchangeSalaryComponent},model:{value:(_vm.formData.salaryComponentType),callback:function ($$v) {_vm.$set(_vm.formData, \"salaryComponentType\", $$v)},expression:\"formData.salaryComponentType\"}})],1),(_vm.selected ===  4 )?_c('v-col',[_c('TextField',{attrs:{\"type\":'number',\"label\":'Rate'},model:{value:(_vm.formData.rate),callback:function ($$v) {_vm.$set(_vm.formData, \"rate\", $$v)},expression:\"formData.rate\"}})],1):_vm._e(),_c('v-col',[_c('TextField',{attrs:{\"type\":'number',\"label\":'Markup'},model:{value:(_vm.formData.markup),callback:function ($$v) {_vm.$set(_vm.formData, \"markup\", $$v)},expression:\"formData.markup\"}})],1),_c('v-col',{attrs:{\"dense\":\"\"}},[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Timesheet ?\"},model:{value:(_vm.formData.isTimeSheetDriven),callback:function ($$v) {_vm.$set(_vm.formData, \"isTimeSheetDriven\", $$v)},expression:\"formData.isTimeSheetDriven\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),(_vm.formData.isTimeSheetDriven === true)?_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-select',{attrs:{\"items\":_vm.TimesheetItemType,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Timesheet Item type\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.TimesheetItemType),callback:function ($$v) {_vm.$set(_vm.formData, \"TimesheetItemType\", $$v)},expression:\"formData.TimesheetItemType\"}})],1):_vm._e(),_c('v-col',{attrs:{\"cols\":\"6\"}}),(_vm.formData.TimesheetItemType.id ===  1 )?_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-select',{attrs:{\"items\":_vm.OverTimeType,\"item-value\":\"id\",\"item-text\":\"name\",\"label\":\"Overtime Type\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.formData.overtimeType),callback:function ($$v) {_vm.$set(_vm.formData, \"overtimeType\", $$v)},expression:\"formData.overtimeType\"}})],1):_vm._e(),_c('v-col',[(_vm.formData.isAllowance === false)?_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"CMS ?\"},model:{value:(_vm.formData.isBasic),callback:function ($$v) {_vm.$set(_vm.formData, \"isBasic\", $$v)},expression:\"formData.isBasic\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1):_vm._e()],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Fixed Amount ?\"},model:{value:(_vm.formData.isFlat),callback:function ($$v) {_vm.$set(_vm.formData, \"isFlat\", $$v)},expression:\"formData.isFlat\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\" Based on CMS ?\"},model:{value:(_vm.formData.isBaseOnBasic),callback:function ($$v) {_vm.$set(_vm.formData, \"isBaseOnBasic\", $$v)},expression:\"formData.isBaseOnBasic\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\" Taxable ?\"},model:{value:(_vm.formData.isTaxable),callback:function ($$v) {_vm.$set(_vm.formData, \"isTaxable\", $$v)},expression:\"formData.isTaxable\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1)],1)],1)],1),_c('Dialog',{ref:\"deleteModal\",attrs:{\"title\":'Are you sure you want to delete',\"width\":400},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Yes'},on:{\"onClick\":_vm.deleteSalaryComponent}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'No'},on:{\"onClick\":function($event){return _vm.cancel('deleteModal')}}})]},proxy:true}])}),_c('Dialog',{ref:\"addModal\",attrs:{\"title\":'Add Department',\"width\":600}}),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"isLoading\":_vm.isLoading,\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.update}})],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=\"{\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-12 ml-auto mr-auto\">\r\n        <v-container>\r\n          <div class=\"mb-4 mt-8 d-flex \">\r\n            <div class=\"col-md-11\">\r\n              <h1>Salary Component</h1>\r\n            </div>\r\n            <div class=\"col-md-1\">\r\n              <Button :btnType=\"'Submit'\"\r\n                      :label=\"'+'\"\r\n                      @onClick=\"Add\"\r\n                      class=\"mr-2\" />\r\n            </div>\r\n          </div>\r\n          <v-text-field v-model=\"searchPersonnel\"\r\n                        append-icon=\"mdi-magnify\"\r\n                        label=\"Search\"\r\n                        single-line\r\n                        hide-details></v-text-field>\r\n          <v-data-table loading-text=\"Loading salaryComponents... Please wait\"\r\n                      :loading=\"!salaryComponents.length\"\r\n                        :headers=\"headers\" :items=\"salaryComponents\"  :search=\"searchPersonnel\">\r\n              <template v-slot:item.description=\"{ item }\">\r\n               <button class=\"view-button\" v-on:click=\"viewDetail(item)\">{{item.description}}</button>\r\n             </template>\r\n            <template v-slot:item.dateAdded=\"{ item }\">\r\n              {{ item.dateAdded | formatDate }}\r\n            </template>\r\n            <template v-slot:item.salaryComponentType=\"{ item }\">\r\n              {{ SalaryComponentEnums (item.salaryComponentType) }}\r\n            </template>\r\n            <template v-slot:item.actions=\"{ item }\">\r\n              <div class=\"d-flex\">\r\n                <Button :btnType=\"'Submit'\"\r\n                        :label=\"'Edit'\"\r\n                        @onClick=\"edit(item)\"\r\n                        class=\"mr-2\" />\r\n                <Button :btnType=\"'Cancel'\"\r\n                        :label=\"'Delete'\"\r\n                        @onClick=\"openDeleteModal(item)\" />\r\n              </div>\r\n            </template>\r\n          </v-data-table>\r\n\r\n           <!-- Dialog for view  -->\r\n          <Dialog ref=\"viewModal\" :title=\"'View'\" :width=\"600\">\r\n              <v-row>\r\n                <v-col>\r\n                  <TextField v-model=\"formData.description\" :disable=\"true\" :label=\"'Name'\" />\r\n                </v-col>\r\n                <v-col>\r\n                  <v-select v-model=\"formData.SalaryComponentFrequencyId\" disabled :items=\"frequency\" item-value=\"id\" item-text=\"name\" label=\"Frequency\" return-object outlined dense />\r\n                  <!-- <p>{{formData.SalaryComponentFrequencyId}}</p> -->\r\n                </v-col>\r\n                <v-col>\r\n                  <v-select v-model=\"formData.salaryComponentType\" disabled :items=\"salaryComponentType\" item-value=\"id\" item-text=\"name\" label=\"Salary Component Type\" return-object outlined dense />\r\n                </v-col>\r\n                <v-col v-if=\"selected ===  4 \">\r\n                  <TextField v-model=\"formData.rate\" :disable=\"true\" :type=\"'number'\" :label=\"'Rate'\" />\r\n                </v-col>\r\n                <v-col>\r\n                  <TextField v-model=\"formData.markup\" :disable=\"true\" :type=\"'number'\"\r\n                             :label=\"'Markup'\" />\r\n                </v-col>\r\n                <v-col dense>\r\n                  <v-radio-group v-model=\"formData.isTimeSheetDriven\" disabled :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Timesheet ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n\r\n                <v-col cols=\"6\" v-if=\"formData.isTimeSheetDriven === true\">\r\n                  <v-select v-model=\"formData.TimesheetItemType\" disabled :items=\"TimesheetItemType\" item-value=\"id\" item-text=\"name\" label=\"Timesheet Item type\" return-object outlined dense />\r\n                </v-col>\r\n                <v-col cols=\"6\"></v-col>\r\n                <v-col cols=\"6\" v-if=\"formData.TimesheetItemType.id ===  1 \">\r\n                  <v-select v-model=\"formData.overtimeType\" disabled :items=\"OverTimeType\" item-value=\"id\" item-text=\"name\" label=\"Overtime Type\" return-object outlined dense />\r\n                </v-col>\r\n\r\n                <v-col>\r\n                  <v-radio-group v-if=\"formData.isAllowance === false\" disabled v-model=\"formData.isBasic\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"CMS ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n                <v-col>\r\n                  <v-radio-group v-model=\"formData.isFlat\" :mandatory=\"false\" disabled class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Fixed Amount ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n                <v-col>\r\n                  <v-radio-group v-model=\"formData.isBaseOnBasic\" disabled :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\" Based on CMS ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n                <v-col>\r\n                  <v-radio-group v-model=\"formData.isTaxable\" disabled :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\" Taxable ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n              </v-row>\r\n          </Dialog>\r\n\r\n          <!-- Dialog for edit  -->\r\n          <Dialog ref=\"editModal\" :title=\"'Edit'\" :width=\"600\">\r\n            <v-form ref=\"department\" v-model=\"valid\">\r\n              <v-row>\r\n                <v-col>\r\n                  <TextField v-model=\"formData.description\" :label=\"'Name'\" />\r\n                </v-col>\r\n                <v-col>\r\n                  <v-select v-model=\"formData.SalaryComponentFrequencyId\" :items=\"frequency\" item-value=\"id\" item-text=\"name\" label=\"Frequency\" return-object outlined dense />\r\n                  <!-- <p>{{formData.SalaryComponentFrequencyId}}</p> -->\r\n                </v-col>\r\n                <v-col >\r\n                  <v-select v-model=\"formData.salaryComponentType\" :items=\"salaryComponentType\" @change=\"OnchangeSalaryComponent\" item-value=\"id\" item-text=\"name\" label=\"Salary Component Type\" return-object outlined dense />\r\n                </v-col>\r\n                 <v-col v-if=\"selected ===  4 \">\r\n                  <TextField v-model=\"formData.rate\" :type=\"'number'\" :label=\"'Rate'\" />\r\n                </v-col>\r\n                <v-col>\r\n                  <TextField v-model=\"formData.markup\" :type=\"'number'\"\r\n                             :label=\"'Markup'\" />\r\n                </v-col>\r\n                <v-col dense>\r\n                  <v-radio-group v-model=\"formData.isTimeSheetDriven\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Timesheet ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n\r\n                <v-col cols=\"6\" v-if=\"formData.isTimeSheetDriven === true\">\r\n                  <v-select v-model=\"formData.TimesheetItemType\" :items=\"TimesheetItemType\" item-value=\"id\" item-text=\"name\" label=\"Timesheet Item type\" return-object outlined dense />\r\n                </v-col>\r\n                <v-col cols=\"6\"></v-col>\r\n                <v-col cols=\"6\" v-if=\"formData.TimesheetItemType.id ===  1 \">\r\n                  <v-select v-model=\"formData.overtimeType\" :items=\"OverTimeType\" item-value=\"id\" item-text=\"name\" label=\"Overtime Type\" return-object outlined dense />\r\n                </v-col>\r\n\r\n                <v-col>\r\n                  <v-radio-group v-if=\"formData.isAllowance === false\" v-model=\"formData.isBasic\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"CMS ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n                <v-col>\r\n                  <v-radio-group v-model=\"formData.isFlat\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Fixed Amount ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n                <v-col>\r\n                  <v-radio-group v-model=\"formData.isBaseOnBasic\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\" Based on CMS ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n                <v-col>\r\n                  <v-radio-group v-model=\"formData.isTaxable\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\" Taxable ?\">\r\n                    <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                    <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n                  </v-radio-group>\r\n                </v-col>\r\n              </v-row>\r\n            </v-form>\r\n            <template v-slot:footer>\r\n              <Button :btnType=\"'Submit'\"\r\n                      :label=\"'Update'\"\r\n                      @onClick=\"dialog = true\"\r\n                      class=\"mr-2\" />\r\n              <Button :btnType=\"'Cancel'\"\r\n                      :label=\"'Cancel'\"\r\n                      @onClick=\"cancel('editModal')\" />\r\n            </template>\r\n          </Dialog>\r\n\r\n          <!-- confirm delete modal  -->\r\n          <Dialog ref=\"deleteModal\"\r\n                  :title=\"'Are you sure you want to delete'\"\r\n                  :width=\"400\">\r\n            <template v-slot:footer>\r\n              <Button :btnType=\"'Submit'\"\r\n                      :label=\"'Yes'\"\r\n                      @onClick=\"deleteSalaryComponent\"\r\n                      class=\"mr-2\" />\r\n              <Button :btnType=\"'Cancel'\"\r\n                      :label=\"'No'\"\r\n                      @onClick=\"cancel('deleteModal')\" />\r\n            </template>\r\n          </Dialog>\r\n\r\n          <!-- add modal  -->\r\n          <Dialog ref=\"addModal\" :title=\"'Add Department'\" :width=\"600\">\r\n          </Dialog>\r\n\r\n          <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :isLoading=\"isLoading\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"update\" />\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 ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport {\r\n  CREATE_SALARY,\r\n  FETCH_SALARY,\r\n  DELETE_SALARY\r\n} from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    Dialog,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      isLoading: false,\r\n      dialog: false,\r\n      selected: 0,\r\n      formData: {\r\n        id: '',\r\n        description: '',\r\n        isTimeSheetDriven: null,\r\n        isFlat: null,\r\n        TimesheetItemType: 0,\r\n        OverTimeType: 0,\r\n        isBaseOnBasic: null,\r\n        rate: 0,\r\n        SalaryComponentFrequencyId: null,\r\n        isTaxable: null,\r\n        markup: 0,\r\n        salaryComponentType: null\r\n      },\r\n      searchPersonnel: '',\r\n      valid: false,\r\n      isSaving: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      salaryComponentType: [{ id: 1, name: 'ConsolidatedSalary' }, { id: 2, name: 'Allowance' }, { id: 3, name: 'Benefit' }, { id: 4, name: 'Statutory' }, { id: 5, name: 'Deduction' }],\r\n      frequency: [{ id: 1, name: 'Daily' }, { id: 2, name: 'weekly' }, { id: 3, name: 'Monthly' }, { id: 4, name: 'Yearly' }, { id: 5, name: 'One Time' }],\r\n      TimesheetItemType: [{ id: 1, name: 'Overtime' }, { id: 2, name: 'Shift' }],\r\n      OverTimeType: [{ id: 1, name: 'weekday' }, { id: 2, name: 'weekend' }],\r\n      headers: [\r\n        {\r\n          text: 'Description',\r\n          value: 'description'\r\n        },\r\n\r\n        {\r\n          text: 'Salary Component Type',\r\n          value: 'salaryComponentType'\r\n        },\r\n        {\r\n          text: 'Added By',\r\n          value: 'addedBy'\r\n        },\r\n        {\r\n          text: 'Date Added',\r\n          value: 'dateAdded'\r\n        },\r\n        {\r\n          text: 'Modified By',\r\n          value: 'modifiedBy'\r\n        },\r\n        {\r\n          text: 'Modified Date',\r\n          value: 'lastModifiedDate'\r\n        },\r\n        {\r\n          text: 'Actions',\r\n          value: 'actions'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    salaryComponents () {\r\n      return this.$store.getters.salaryComponents\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(() => { this.alert = false }, 5000)\r\n    },\r\n    OnchangeSalaryComponent () {\r\n      this.selected = this.formData.salaryComponentType.id\r\n    },\r\n    viewDetail (item) {\r\n      this.getInfo(item)\r\n      this.$refs.viewModal.openModal()\r\n    },\r\n    getInfo (item) {\r\n      console.log(item)\r\n      this.formData.id = item.id\r\n      this.formData.isTaxable = item.isTaxable\r\n      this.formData.isBaseOnBasic = item.isBasedOnBasic\r\n      this.formData.isFlat = item.isFlat\r\n      this.formData.isTimeSheetDriven = item.isTimeSheetDriven\r\n      this.formData.rate = item.rate\r\n      // this.formData.TimesheetItemType = item.TimesheetItemType\r\n      this.formData.description = item.description\r\n      const SalaryComponent = this.salaryComponentType.filter(sal => sal.id === item.salaryComponentType)\r\n\r\n      const frequency = this.frequency.filter(freq => freq.id === item.salaryComponentFrequencyId)\r\n      this.formData.SalaryComponentFrequencyId = frequency[0]\r\n      if (item.timesheetItemType !== 0) {\r\n        const Timesheettype = this.TimesheetItemType.filter(timeSheet => timeSheet.id === item.timesheetItemType)\r\n        this.formData.TimesheetItemType = Timesheettype[0]\r\n      }\r\n      if (item.overtimeType !== 0) {\r\n        const overTime = this.OverTimeType.filter(overtime => overtime.id === item.overtimeType)\r\n        this.formData.OvertimeType = overTime[0]\r\n      }\r\n\r\n      this.formData.salaryComponentType = SalaryComponent[0]\r\n      console.log(this.formData.salaryComponentType)\r\n      this.selected = this.formData.salaryComponentType.id\r\n\r\n      // console.log('component', this.formData.salaryComponentType)\r\n      // console.log('component Id', this.formData.salaryComponentType.id)\r\n      this.formData.markup = item.markup\r\n    },\r\n    edit (item) {\r\n      this.getInfo(item)\r\n      this.$refs.editModal.openModal()\r\n    },\r\n    openDeleteModal (item) {\r\n      this.$refs.deleteModal.openModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n    },\r\n    SalaryComponentEnums (value) {\r\n      if (value === 1) {\r\n        return 'ConsolidatedSalary'\r\n      }\r\n      if (value === 2) {\r\n        return 'Allowance'\r\n      }\r\n      if (value === 3) {\r\n        return 'Benefit'\r\n      }\r\n      if (value === 4) {\r\n        return 'Statutory'\r\n      }\r\n      if (value === 5) {\r\n        return 'Deduction'\r\n      }\r\n    },\r\n    deleteSalaryComponent () {\r\n      this.$store.dispatch(DELETE_SALARY, this.formData.id).then(() => {\r\n        this.showAlertMessage('Salary component delete successful', 'success')\r\n      }).catch((error) => {\r\n        console.log(error)\r\n        this.showAlertMessage('Salary component delete failed', 'error')\r\n      }).finally(() => {\r\n        this.$refs.deleteModal.closeModal()\r\n      })\r\n    },\r\n    createDepartment () {\r\n\r\n    },\r\n    update () {\r\n      this.isLoading = true\r\n      const data = {\r\n        'action': 'Edit',\r\n        'id': this.formData.id,\r\n        'description': this.formData.description,\r\n        'isTimeSheetDriven': this.formData.isTimeSheetDriven,\r\n        'isFlat': this.formData.isFlat,\r\n        'isBasedOnBasic': this.formData.isBaseOnBasic,\r\n        'salaryComponentFrequencyId': this.formData.SalaryComponentFrequencyId.id,\r\n        'isTaxable': this.formData.isTaxable,\r\n        'markup': this.formData.markup,\r\n        'salaryComponentType': this.formData.salaryComponentType.id,\r\n        'TimesheetItemType': this.formData.TimesheetItemType === 0 ? 0 : this.formData.TimesheetItemType.id,\r\n        'OvertimeType': this.formData.OverTimeType === 0 ? 0 : this.formData.OverTimeType.id\r\n      }\r\n\r\n      console.log(data)\r\n      this.$store.dispatch(CREATE_SALARY, data).then(() => {\r\n        this.showAlertMessage('Salary component updated successful', 'success')\r\n      }).catch((error) => {\r\n        if (error.message === 'PendingRequestExists') { this.showAlertMessage('Salary Component Pending Approval', 'error') } else {\r\n          this.showAlertMessage('Salary Component Update Failed', 'error')\r\n        }\r\n      }).finally(() => {\r\n        this.isSavingUser = false\r\n        this.isLoading = false\r\n        this.$refs.editModal.closeModal()\r\n        this.dialog = false\r\n        this.onReset()\r\n      })\r\n    },\r\n    Add () {\r\n      this.$router.push('/salary/add')\r\n    },\r\n    closeAddModal () {\r\n      this.$refs.department.reset()\r\n      this.$refs.addModal.closeModal()\r\n    },\r\n    resetForm () {\r\n      this.formData.name = ''\r\n      this.formData.id = ''\r\n    },\r\n    cancel (modal) {\r\n      if (modal === 'editModal') {\r\n        this.$refs.editModal.closeModal()\r\n      }\r\n      if (modal === 'deleteModal') {\r\n        this.$refs.deleteModal.closeModal()\r\n      }\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$store\r\n      .dispatch(FETCH_SALARY)\r\n      .then(() => {})\r\n      .catch(error => {\r\n        if (error) {\r\n          this.showAlertMessage('There are no items to display', 'warning')\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.view-button {\r\n  text-align: left;\r\n  border: none;\r\n  color: #0066b2;\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.row-pointer >>> tbody tr :hover {\r\n  cursor: pointer;\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=24c5f26b&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=24c5f26b&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  \"24c5f26b\",\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=24c5f26b&prod&scoped=true&lang=css\"","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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":_vm.persistent,\"max-width\":_vm.width},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',{staticClass:\"mt-2 mb-0\"},[_vm._v(_vm._s(_vm.title))])]),_c('v-divider'),_c('v-container',[_c('v-card-text',[_vm._t(\"default\")],2),_c('v-card-actions',{staticClass:\"d-flex justify-content-end\"},[_c('v-spacer'),_vm._t(\"footer\")],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row justify=\"center\">\r\n    <v-dialog v-model=\"showModal\" :persistent=\"persistent\" :max-width=\"width\">\r\n      <v-card>\r\n        <v-card-title class=\"headline text-center\">\r\n          <h3 class=\"mt-2 mb-0\">{{title}}</h3>\r\n        </v-card-title>\r\n         <v-divider></v-divider>\r\n        <v-container>\r\n          <v-card-text>\r\n          <slot></slot>\r\n        </v-card-text>\r\n\r\n        <v-card-actions class=\"d-flex justify-content-end\">\r\n          <v-spacer></v-spacer>\r\n<slot name=\"footer\"></slot>\r\n\r\n        </v-card-actions>\r\n        </v-container>\r\n      </v-card>\r\n    </v-dialog>\r\n  </v-row>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    width: {\r\n      type: Number,\r\n      default: 300\r\n    },\r\n    persistent: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      showModal: false\r\n    }\r\n  },\r\n  methods: {\r\n    closeModal () {\r\n      this.showModal = false\r\n    },\r\n    openModal () {\r\n      this.showModal = true\r\n    },\r\n    toggleModal () {\r\n      this.showModal = !this.showModal\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!./Dialog.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!./Dialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Dialog.vue?vue&type=template&id=3c4325c8\"\nimport script from \"./Dialog.vue?vue&type=script&lang=js\"\nexport * from \"./Dialog.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":""}