{"version":3,"sources":["webpack:///./src/views/user/listUser.vue?906f","webpack:///./src/views/user/listUser.vue","webpack:///src/views/user/listUser.vue","webpack:///./src/views/user/listUser.vue?100e","webpack:///./src/views/user/listUser.vue?e15d","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","users","length","headers","scopedSlots","_u","key","fn","_ref","item","staticStyle","_f","lastModifiedDate","_ref2","dateAdded","_ref3","_l","userRoles","role","RoleId","RoleName","_ref4","$event","edit","openDeleteModal","ref","isUpdating","update","cancel","proxy","formData","name","$set","Roles","deleteDepartment","valid","isSaving","createDepartment","closeAddModal","staticRenderFns","components","TextField","Button","Dialog","data","search","id","displayName","text","computed","$store","getters","user","methods","showAlertMessage","message","type","console","log","$refs","editModal","openModal","filter","rol","roleId","deleteModal","_this","dispatch","DELETE_DEPARTMENT","then","result","catch","error","finally","closeModal","_this2","CREATE_DEPARTMENT","_this3","forEach","push","userService","createNewUser","$router","department","reset","addModal","resetForm","modal","mounted","_this4","FETCH_USERS","roleService","getAllRoles","items","component","persistent","width","showModal","title","_t","props","String","default","subTitle","Number","Boolean","toggleModal"],"mappings":"2IAAA,W,uDCAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,GAAG,CAACA,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,QAAQC,MAAM,CAAC,cAA6B,SAAfL,EAAIM,UAAoB,gBAA+B,WAAfN,EAAIM,WAAsBC,MAAM,CAAC,OAAS,OAAO,KAAO,GAAG,YAAc,IAAIC,MAAM,CAACC,MAAOT,EAAIU,MAAOC,SAAS,SAAUC,GAAMZ,EAAIU,MAAME,GAAKC,WAAW,UAAU,CAACb,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAIgB,cAAc,QAAQ,GAAGd,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACF,EAAIc,GAAG,aAAaZ,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,MAAQ,KAAKU,GAAG,CAAC,QAAUjB,EAAIkB,QAAQ,KAAKhB,EAAG,eAAe,CAACK,MAAM,CAAC,cAAc,cAAc,MAAQ,SAAS,cAAc,GAAG,eAAe,IAAIC,MAAM,CAACC,MAAOT,EAAImB,gBAAiBR,SAAS,SAAUC,GAAMZ,EAAImB,gBAAgBP,GAAKC,WAAW,qBAAqBX,EAAG,eAAe,CAACK,MAAM,CAAC,eAAe,+BAA+B,SAAWP,EAAIoB,MAAMC,OAAO,OAASrB,EAAImB,gBAAgB,QAAUnB,EAAIsB,QAAQ,MAAQtB,EAAIoB,OAAOG,YAAYvB,EAAIwB,GAAG,CAAC,CAACC,IAAI,wBAAwBC,GAAG,SAADC,GAAmB,IAAPC,EAAID,EAAJC,KAAQ,MAAO,CAAC1B,EAAG,OAAO,CAAC2B,YAAY,CAAC,YAAY,KAAK,cAAc,WAAW,CAAC7B,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAI8B,GAAG,aAAP9B,CAAqB4B,EAAKG,yBAAyB,CAACN,IAAI,iBAAiBC,GAAG,SAADM,GAAmB,IAAPJ,EAAII,EAAJJ,KAAQ,MAAO,CAAC1B,EAAG,OAAO,CAAC2B,YAAY,CAAC,YAAY,KAAK,cAAc,WAAW,CAAC7B,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAI8B,GAAG,aAAP9B,CAAqB4B,EAAKK,kBAAkB,CAACR,IAAI,iBAAiBC,GAAG,SAADQ,GAAmB,IAAPN,EAAIM,EAAJN,KAAQ,OAAO5B,EAAImC,GAAIP,EAAKQ,WAAW,SAASC,GAAM,OAAOnC,EAAG,KAAK,CAACuB,IAAIY,EAAKC,QAAQ,CAACtC,EAAIc,GAAG,IAAId,EAAIe,GAAGsB,EAAKE,UAAU,YAAW,CAACd,IAAI,eAAeC,GAAG,SAADc,GAAmB,IAAPZ,EAAIY,EAAJZ,KAAQ,MAAO,CAAC1B,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,MAAQ,QAAQU,GAAG,CAAC,QAAU,SAASwB,GAAQ,OAAOzC,EAAI0C,KAAKd,OAAU1B,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,MAAQ,UAAUU,GAAG,CAAC,QAAU,SAASwB,GAAQ,OAAOzC,EAAI2C,gBAAgBf,QAAW,UAAU1B,EAAG,SAAS,CAAC0C,IAAI,YAAYrC,MAAM,CAAC,MAAQ,YAAY,MAAQ,KAAKgB,YAAYvB,EAAIwB,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACxB,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,UAAYP,EAAI6C,WAAW,MAAQ,UAAU5B,GAAG,CAAC,QAAUjB,EAAI8C,UAAU5C,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,MAAQ,UAAUU,GAAG,CAAC,QAAU,SAASwB,GAAQ,OAAOzC,EAAI+C,OAAO,mBAAmBC,OAAM,MAAS,CAAC9C,EAAG,QAAQ,CAACA,EAAG,YAAY,CAACK,MAAM,CAAC,SAAU,EAAK,MAAQ,SAASC,MAAM,CAACC,MAAOT,EAAIiD,SAASC,KAAMvC,SAAS,SAAUC,GAAMZ,EAAImD,KAAKnD,EAAIiD,SAAU,OAAQrC,IAAMC,WAAW,oBAAoB,GAAGX,EAAG,WAAW,CAACK,MAAM,CAAC,MAAQP,EAAIoD,MAAM,SAAW,GAAG,MAAQ,QAAQ,MAAQ,GAAG,YAAY,OAAO,aAAa,KAAK,gBAAgB,GAAG,SAAW,IAAI5C,MAAM,CAACC,MAAOT,EAAIiD,SAASZ,KAAM1B,SAAS,SAAUC,GAAMZ,EAAImD,KAAKnD,EAAIiD,SAAU,OAAQrC,IAAMC,WAAW,oBAAoB,GAAGX,EAAG,SAAS,CAAC0C,IAAI,cAAcrC,MAAM,CAAC,MAAQ,kCAAkC,MAAQ,KAAKgB,YAAYvB,EAAIwB,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACxB,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,MAAQ,OAAOU,GAAG,CAAC,QAAUjB,EAAIqD,oBAAoBnD,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,MAAQ,MAAMU,GAAG,CAAC,QAAU,SAASwB,GAAQ,OAAOzC,EAAI+C,OAAO,qBAAqBC,OAAM,OAAU9C,EAAG,SAAS,CAAC0C,IAAI,WAAWrC,MAAM,CAAC,MAAQ,iBAAiB,MAAQ,KAAKgB,YAAYvB,EAAIwB,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACxB,EAAG,SAAS,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,SAAS,MAAQ,SAAS,UAAYP,EAAIsD,MAAM,UAAYtD,EAAIuD,UAAUtC,GAAG,CAAC,QAAUjB,EAAIwD,oBAAoBtD,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,MAAQ,UAAUU,GAAG,CAAC,QAAUjB,EAAIyD,mBAAmBT,OAAM,MAAS,CAAC9C,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACK,MAAM,CAAC,KAAO,OAAO,CAACL,EAAG,SAAS,CAAC0C,IAAI,aAAapC,MAAM,CAACC,MAAOT,EAAIsD,MAAO3C,SAAS,SAAUC,GAAMZ,EAAIsD,MAAM1C,GAAKC,WAAW,UAAU,CAACX,EAAG,QAAQ,CAACK,MAAM,CAAC,KAAO,OAAO,CAACL,EAAG,YAAY,CAACK,MAAM,CAAC,MAAQ,QAAQC,MAAM,CAACC,MAAOT,EAAIiD,SAASC,KAAMvC,SAAS,SAAUC,GAAMZ,EAAImD,KAAKnD,EAAIiD,SAAU,OAAQrC,IAAMC,WAAW,oBAAoB,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,QAE1gI6C,EAAkB,G,oICuHP,GACfC,WAAA,CACAC,iBACAC,cACAC,eAEAC,KAAA,WACA,OACAC,OAAA,GACAf,SAAA,CACAC,KAAA,GACAe,GAAA,GACA5B,KAAA,GACA6B,YAAA,IAEArB,YAAA,EACAS,OAAA,EACAC,UAAA,EACAvC,aAAA,GACAG,gBAAA,GACAT,OAAA,EACAJ,UAAA,GACA8C,MAAA,GACA9B,QAAA,CACA,CACA6C,KAAA,WACA1D,MAAA,QAEA,CACA0D,KAAA,eACA1D,MAAA,eAEA,CACA0D,KAAA,UACA1D,MAAA,eAEA,CACA0D,KAAA,UACA1D,MAAA,aAEA,CACA0D,KAAA,aACA1D,MAAA,aAEA,CACA0D,KAAA,gBACA1D,MAAA,oBAEA,CACA0D,KAAA,cACA1D,MAAA,cAEA,CACA0D,KAAA,UACA1D,MAAA,cAMA2D,SAAA,CACAhD,MAAA,WACA,YAAAiD,OAAAC,QAAAC,OAGAC,QAAA,CACAC,iBAAA,SAAAC,EAAAC,GACA,KAAA3D,aAAA0D,EACA,KAAAhE,OAAA,EACA,KAAAJ,UAAAqE,GAEAjC,KAAA,SAAAd,GACAgD,QAAAC,IAAAjD,GACA,KAAAkD,MAAAC,UAAAC,YACA,KAAA/B,SAAAC,KAAAtB,EAAAsB,KACA,KAAAD,SAAAgB,GAAArC,EAAAqC,GACA,KAAAhB,SAAAiB,YAAAtC,EAAAsC,YACA,IAAA7B,EAAA,MAAAe,MAAA6B,QAAA,SAAAC,GAAA,OAAAA,EAAAjB,KAAArC,EAAAuD,WACA,KAAAlC,SAAAZ,OAAA,IAEAM,gBAAA,SAAAf,GACA,KAAAkD,MAAAM,YAAAJ,YACA,KAAA/B,SAAAC,KAAAtB,EAAAsB,KACA,KAAAD,SAAAgB,GAAArC,EAAAqC,IAEAZ,iBAAA,eAAAgC,EAAA,KACA,KAAAhB,OAAAiB,SAAAC,OAAA,KAAAtC,UAAAuC,MAAA,SAAAC,GACAJ,EAAAZ,iBAAA,kEACAiB,OAAA,SAAAC,GACAf,QAAAC,IAAAc,EAAAjB,SACAW,EAAAZ,iBAAA,6BACAmB,SAAA,WACAP,EAAAP,MAAAM,YAAAS,iBAGArC,iBAAA,eAAAsC,EAAA,KACA,KAAAvC,UAAA,EACA,KAAAc,OACAiB,SAAAS,OAAA,KAAA9C,UACAuC,MAAA,WACAM,EAAArB,iBAAA,iEAEAiB,OAAA,SAAAC,GACAf,QAAAC,IAAAc,GACAG,EAAArB,iBAAA,mCAEAmB,SAAA,WACAE,EAAAvC,UAAA,EACAuC,EAAArC,oBAGAX,OAAA,eAAAkD,EAAA,KACA,KAAAnD,YAAA,EACA,IAAAT,EAAA,GACA,KAAAa,SAAAZ,KAAA4D,SAAA,SAAAf,GAAA,OAAA9C,EAAA8D,KAAA,CAAA5D,OAAA4C,EAAAjB,GAAA1B,SAAA2C,EAAAhC,UACA,IAAAa,EAAA,CACA,iBAAAd,SAAAiB,YACA,UAAAjB,SAAAC,KACA,UAAAd,GAEA+D,OAAAC,cAAArC,GAAAyB,MAAA,SAAAC,GACAO,EAAAvB,iBAAA,2DACAiB,OAAA,SAAAC,GACAf,QAAAC,IAAAc,EAAAjB,SACAsB,EAAAvB,iBAAA,iCACAmB,SAAA,WACAI,EAAAlB,MAAAC,UAAAc,aACAG,EAAAnD,YAAA,MAGA3B,IAAA,WACA,KAAAmF,QAAAH,KAAA,iBAEAzC,cAAA,WACA,KAAAqB,MAAAwB,WAAAC,QACA,KAAAzB,MAAA0B,SAAAX,cAEAY,UAAA,WACA,KAAAxD,SAAAC,KAAA,GACA,KAAAD,SAAAgB,GAAA,IAEAlB,OAAA,SAAA2D,GACA,cAAAA,GACA,KAAA5B,MAAAC,UAAAc,aAEA,gBAAAa,GACA,KAAA5B,MAAAM,YAAAS,eAKAc,QAAA,eAAAC,EAAA,KACA,KAAAvC,OACAiB,SAAAuB,SACArB,MAAA,eACAE,OAAA,SAAAC,GACAA,GACAiB,EAAAnC,iBAAA,4CAIAqC,OAAAC,cAAAvB,MAAA,SAAAC,GAEAmB,EAAAxD,MAAAqC,EAAA1B,KAAAiD,SACAtB,OAAA,SAAAC,GACAf,QAAAC,IAAAc,QC9RgW,I,wBCQ5VsB,EAAY,eACd,EACAlH,EACA2D,GACA,EACA,KACA,WACA,MAIa,aAAAuD,E,2CCnBf,IAAIlH,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACK,MAAM,CAAC,QAAU,WAAW,CAACL,EAAG,WAAW,CAACK,MAAM,CAAC,WAAaP,EAAIkH,WAAW,YAAYlH,EAAImH,OAAO3G,MAAM,CAACC,MAAOT,EAAIoH,UAAWzG,SAAS,SAAUC,GAAMZ,EAAIoH,UAAUxG,GAAKC,WAAW,cAAc,CAACX,EAAG,SAAS,CAACA,EAAG,eAAe,CAACE,YAAY,wBAAwB,CAACF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIqH,YAAYnH,EAAG,aAAaA,EAAG,cAAc,CAACA,EAAG,cAAc,CAACF,EAAIsH,GAAG,YAAY,GAAGpH,EAAG,iBAAiB,CAACE,YAAY,8BAA8B,CAACF,EAAG,YAAYF,EAAIsH,GAAG,WAAW,IAAI,IAAI,IAAI,IAAI,IAErlB5D,EAAkB,GCsBP,G,UAAA,CACf6D,MAAA,CACAF,MAAA,CACA1C,KAAA6C,OACAC,QAAA,IAEAC,SAAA,CACA/C,KAAA6C,OACAC,QAAA,IAEAN,MAAA,CACAxC,KAAAgD,OACAF,QAAA,KAEAP,WAAA,CACAvC,KAAAiD,QACAH,SAAA,IAGA1D,KAAA,WACA,OACAqD,WAAA,IAGA5C,QAAA,CACAqB,WAAA,WACA,KAAAuB,WAAA,GAEApC,UAAA,WACA,KAAAoC,WAAA,GAEAS,YAAA,WACA,KAAAT,WAAA,KAAAA,cCxD8V,I,YCO1VH,EAAY,eACd,EACAlH,EACA2D,GACA,EACA,KACA,KACA,MAIa,OAAAuD,E","file":"js/chunk-25cb6b80.a4841931.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!./listUser.vue?vue&type=style&index=0&id=1ae3cde8&prod&scoped=true&lang=css\"","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-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(\"Users\")])]),_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 users... Please wait\",\"loading\":!_vm.users.length,\"search\":_vm.searchPersonnel,\"headers\":_vm.headers,\"items\":_vm.users},scopedSlots:_vm._u([{key:\"item.lastModifiedDate\",fn:function({ item }){return [_c('span',{staticStyle:{\"min-width\":\"1%\",\"white-space\":\"nowrap\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.lastModifiedDate)))])]}},{key:\"item.dateAdded\",fn:function({ item }){return [_c('span',{staticStyle:{\"min-width\":\"1%\",\"white-space\":\"nowrap\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(item.dateAdded)))])]}},{key:\"item.userRoles\",fn:function({ item }){return _vm._l((item.userRoles),function(role){return _c('li',{key:role.RoleId},[_vm._v(\" \"+_vm._s(role.RoleName)+\" \")])})}},{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:\"editModal\",attrs:{\"title\":'Edit User',\"width\":600},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"isLoading\":_vm.isUpdating,\"label\":'Update'},on:{\"onClick\":_vm.update}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":function($event){return _vm.cancel('editModal')}}})]},proxy:true}])},[_c('v-row',[_c('TextField',{attrs:{\"disable\":true,\"label\":' Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1),_c('v-select',{attrs:{\"items\":_vm.Roles,\"outlined\":\"\",\"label\":\"Roles\",\"dense\":\"\",\"item-text\":\"name\",\"item-value\":\"id\",\"return-object\":\"\",\"multiple\":\"\"},model:{value:(_vm.formData.role),callback:function ($$v) {_vm.$set(_vm.formData, \"role\", $$v)},expression:\"formData.role\"}})],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.deleteDepartment}}),_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},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isSaving},on:{\"onClick\":_vm.createDepartment}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":_vm.closeAddModal}})]},proxy:true}])},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-form',{ref:\"department\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_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)],1)],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 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        {{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>Users</h1>\r\n                </div>\r\n                <div class=\"col-md-1\">\r\n                  <Button :btnType=\"'Submit'\" :label=\"'+'\" @onClick=\"Add\" class=\"mr-2\"/>\r\n                </div>\r\n              </div>\r\n            <v-text-field\r\n                v-model=\"searchPersonnel\"\r\n                append-icon=\"mdi-magnify\"\r\n                label=\"Search\"\r\n                single-line\r\n                hide-details\r\n              ></v-text-field>\r\n             <v-data-table\r\n               loading-text=\"Loading users... Please wait\"\r\n              :loading=\"!users.length\"\r\n              :search=\"searchPersonnel\"\r\n              :headers= 'headers'\r\n              :items=\"users\"\r\n             >\r\n               <template v-slot:item.lastModifiedDate=\"{ item }\">\r\n                 <span style=\"min-width: 1%; white-space: nowrap;\"> {{item.lastModifiedDate | formatDate}}</span>\r\n               </template>\r\n                <template v-slot:item.dateAdded=\"{ item }\" >\r\n                  <span style=\"min-width: 1%; white-space: nowrap;\">  {{item.dateAdded | formatDate}}</span>\r\n</template>\r\n              <template v-slot:item.userRoles=\"{ item }\" >\r\n\r\n                  <li v-for=\"role in item.userRoles\" :key=\"role.RoleId\">\r\n                    {{role.RoleName}}\r\n                  </li>\r\n              </template>\r\n                <template v-slot:item.actions=\"{ item }\" >\r\n                    <div class=\"d-flex\">\r\n                      <Button :btnType=\"'Submit'\" :label=\"'Edit'\" @onClick=\"edit(item)\" class=\"mr-2\"/>\r\n                      <Button :btnType=\"'Cancel'\" :label=\"'Delete'\" @onClick=\"openDeleteModal(item)\" />\r\n                    </div>\r\n              </template>\r\n\r\n             </v-data-table>\r\n\r\n              <!-- Dialog for edit  -->\r\n              <Dialog ref=\"editModal\" :title=\"'Edit User'\" :width=\"600\">\r\n\r\n                <v-row>\r\n                  <TextField v-model=\"formData.name\" :disable=\"true\" :label=\"' Name'\"/>\r\n                </v-row>\r\n                 <!-- <v-select v-model=\"formData.role\" :items=\"Roles\" item-value=\"id\" item-text=\"name\" label=\"Role\" return-object outlined dense/> -->\r\n                 <v-select\r\n              v-model=\"formData.role\"\r\n              :items=\"Roles\"\r\n              outlined\r\n              label=\"Roles\"\r\n              dense\r\n              item-text=\"name\"\r\n              item-value=\"id\"\r\n              return-object\r\n              multiple\r\n              >\r\n\r\n              </v-select>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :isLoading=\"isUpdating\" :label=\"'Update'\" @onClick=\"update\" class=\"mr-2\"/>\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'Cancel'\" @onClick=\"cancel('editModal')\" />\r\n                </template>\r\n              </Dialog>\r\n\r\n              <!-- confirm delete modal  -->\r\n              <Dialog ref=\"deleteModal\" :title=\"'Are you sure you want to delete'\" :width=\"400\">\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Yes'\" @onClick=\"deleteDepartment\" class=\"mr-2\"/>\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'No'\" @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                <v-row>\r\n                  <v-col cols=\"12\">\r\n                    <v-form ref=\"department\" v-model=\"valid\">\r\n                    <v-col cols=\"12\">\r\n                        <TextField v-model=\"formData.name\" :label=\"'Name'\"/>\r\n                    </v-col>\r\n                  </v-form>\r\n                  </v-col>\r\n                </v-row>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Submit'\" :disabled=\"!valid\" :isLoading=\"isSaving\" @onClick=\"createDepartment\" class=\"mr-2\"/>\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'Cancel'\" @onClick=\"closeAddModal\" />\r\n                </template>\r\n              </Dialog>\r\n\r\n            </v-container>\r\n          </div>\r\n        </div>\r\n\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 Dialog from '@/components/ui/Dialog.vue'\r\nimport { userService, roleService } from '@/services'\r\nimport { FETCH_USERS, DELETE_DEPARTMENT, CREATE_DEPARTMENT } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    Dialog\r\n  },\r\n  data () {\r\n    return {\r\n      search: '',\r\n      formData: {\r\n        name: '',\r\n        id: '',\r\n        role: '',\r\n        displayName: ''\r\n      },\r\n      isUpdating: false,\r\n      valid: false,\r\n      isSaving: false,\r\n      alertMessage: '',\r\n      searchPersonnel: '',\r\n      alert: false,\r\n      alertType: '',\r\n      Roles: [],\r\n      headers: [\r\n        {\r\n          text: 'Userrame',\r\n          value: 'name'\r\n        },\r\n        {\r\n          text: 'Display Name',\r\n          value: 'displayName'\r\n        },\r\n        {\r\n          text: 'Company',\r\n          value: 'companyName'\r\n        },\r\n        {\r\n          text: 'Role(s)',\r\n          value: 'roleNames'\r\n        },\r\n        {\r\n          text: 'Date Added',\r\n          value: 'dateAdded'\r\n        },\r\n        {\r\n          text: 'Modified Date',\r\n          value: 'lastModifiedDate'\r\n        },\r\n        {\r\n          text: 'Modified By',\r\n          value: 'modifiedBy'\r\n        },\r\n        {\r\n          text: 'Actions',\r\n          value: 'actions'\r\n        }\r\n\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    users () {\r\n      return this.$store.getters.user\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    edit (item) {\r\n      console.log(item)\r\n      this.$refs.editModal.openModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n      this.formData.displayName = item.displayName\r\n      const role = [this.Roles.filter(rol => rol.id === item.roleId)]\r\n      this.formData.role = role[0]\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    deleteDepartment () {\r\n      this.$store.dispatch(DELETE_DEPARTMENT, this.formData).then((result) => {\r\n        this.showAlertMessage('Request submitted successfully, requires approval', 'success')\r\n      }).catch(error => {\r\n        console.log(error.message)\r\n        this.showAlertMessage('Request failed', 'error')\r\n      }).finally(() => {\r\n        this.$refs.deleteModal.closeModal()\r\n      })\r\n    },\r\n    createDepartment () {\r\n      this.isSaving = true\r\n      this.$store\r\n        .dispatch(CREATE_DEPARTMENT, this.formData)\r\n        .then(() => {\r\n          this.showAlertMessage('Request created successfully, requires approval ', 'success')\r\n        })\r\n        .catch((error) => {\r\n          console.log(error)\r\n          this.showAlertMessage('User creation failed', 'error')\r\n        })\r\n        .finally(() => {\r\n          this.isSaving = false\r\n          this.closeAddModal()\r\n        })\r\n    },\r\n    update () {\r\n      this.isUpdating = true\r\n      const userRoles = []\r\n      this.formData.role.forEach(rol => userRoles.push({ RoleId: rol.id, RoleName: rol.name }))\r\n      let data = {\r\n        'DisplayName': this.formData.displayName,\r\n        'Name': this.formData.name,\r\n        'UserRoles': userRoles\r\n      }\r\n      userService.createNewUser(data).then((result) => {\r\n        this.showAlertMessage('User Updated successful, Awaiting Approval', 'success')\r\n      }).catch(error => {\r\n        console.log(error.message)\r\n        this.showAlertMessage('User Update Failed', 'error')\r\n      }).finally(() => {\r\n        this.$refs.editModal.closeModal()\r\n        this.isUpdating = false\r\n      })\r\n    },\r\n    Add () {\r\n      this.$router.push('/create-user')\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  },\r\n  mounted () {\r\n    this.$store\r\n      .dispatch(FETCH_USERS)\r\n      .then(() => {})\r\n      .catch((error) => {\r\n        if (error) {\r\n          this.showAlertMessage('Unable to display departments', 'error')\r\n        }\r\n      })\r\n\r\n    roleService.getAllRoles().then(result => {\r\n      // const filterRoles = result.data.items.filter(role => role.name !== 'LCE')\r\n      this.Roles = 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.search-btn {\r\n  background-color: #e6e3e3;\r\n  height: 40px;\r\n  border-radius: 3px !important;\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!./listUser.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!./listUser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./listUser.vue?vue&type=template&id=1ae3cde8&scoped=true\"\nimport script from \"./listUser.vue?vue&type=script&lang=js\"\nexport * from \"./listUser.vue?vue&type=script&lang=js\"\nimport style0 from \"./listUser.vue?vue&type=style&index=0&id=1ae3cde8&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  \"1ae3cde8\",\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":""}