{"version":3,"sources":["webpack:///./src/assets/logo/favicon.png","webpack:///./src/components/user/group.vue?4bbb","webpack:///./src/components/user/group.vue","webpack:///src/components/user/group.vue","webpack:///./src/components/user/group.vue?468e","webpack:///./src/components/user/group.vue?d7a2"],"names":["module","exports","dialog","callback","expression","staticClass","domProps","_vm","attrs","$event","indexOf","$set","_c","scopedSlots","key","_v","form","reset","ref","fn","staticStyle","on","role_kecamatan_code","role_kecamatan_name","role_kelurahan_code","role_kelurahan_name","errors","model","value","selected","detail","index","valid","save","_u","length","directives","rawName","instansi_email","search_user","fetchUser","item","Object","_e","name","class","require","delete","deletes","fullscreen","toDelete","search","fetch","process","options","headers","handleToggleAll","slot","staticRenderFns","render","data","snackbar","row","config","city","kabupaten_code","kabupaten_name","subdistrict","village","autocomplete","list","role","user","limit","pagination","lastIndex","id","role_id","user_ids","role_kabupaten_name","role_kabupaten_code","instansi_phone","load","message","success","error","components","Empty","watch","handler","page","deep","computed","mounted","methods","rowClick","sort","order_by","params","then","response","text","width","sortable","freeze","hide","align","res","user_role_id","user_role_name","user_role_access","user_role_level","static","t","desa_kecamatan_code","addUser","removeUser","setTimeout","map","filter","behavior","block","component"],"mappings":"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ACAC,YAEAC,cACAL,QACAG,eACAC,YAEAd,WACAC,WACAe,MACAC,QACAC,QACAZ,SAEAa,SACAC,YACAF,QACAZ,SAEAe,YACA3D,MACA4D,MACAC,WACAC,YACAC,uBACAC,uBACAzD,uBACAD,uBACAG,uBACAD,uBAEAyD,kBACA3C,mBAEAe,SACA6B,QACAlE,QACA+B,UACAyB,SAEAW,SACAC,WACAC,YAIAC,YACAZ,+DACAa,2DAEAC,OACA,SACAC,UACA,OAAA3B,eAAA4B,QACA,eAEAC,SAEA,0BACA,WACA,qCACA,+BAGA,aACA,0BAEA,iBAEA,sCACA,yCAQA,sCACA,WACA,uCACA,uDAGA,aACA,mDAQA,4BAEA,kBAEA,sCACA,WACA,8CACA,uDAGA,aACA,mDAMA,wBAEA,kBAEA,sCACA,WACA,0CACA,kDAGA,aACA,8CAGA,kBAEA,sCACA,6BAEA,kCACA,0BAGAC,UACApB,OACA,gCAGAqB,UACA,cAEAC,SACAC,cACAjC,yBAEAN,mBACA,iCAEA,eAAAM,OAAA4B,SACA,qBAEA,iBAEA,OACAjB,YACAiB,YACAM,8DACAC,+CACA9C,oBAGA,2BAEA,sCAAA+C,WACAC,KAAAC,IACA,aAEA,qBAEA,eACA,cACA,CACAC,WACAC,aACA1E,cACA2E,YACAC,UACAC,QACAC,gBAEA,CACAL,oBACAC,cACA1E,iBACA4E,UACAC,SAEA,CACAJ,WACAC,cACA1E,YACA4E,UACAC,SAEA,CACAJ,gCACAC,cACA1E,uBACA4E,UACAC,SAEA,CACAJ,aACAC,cACA1E,wBACA4E,UACAC,SAEA,CACAJ,iBACAC,cACA1E,yBACA4E,UACAC,UAIA,sBACA,kCAEA,gCACA,sBAIA,mBACA,wBAEA,4BACAN,KAAAC,IACA,aAEA,eACAO,eACA,qBACA/B,QACAgC,4BACAC,4DACAC,oCACAC,2CAIA,QACA,iBAEA,uBACA,2BACA,+BAOA,mBAAAjD,OAAA4B,SACA,qBAEA,OACAjB,YACAiB,YACAb,UACA1B,+BAKA,uBAAA+C,WACAC,KAAAC,IACA,aAEA,eACA,qBAEA,sBACA,sCAIAY,SACA,WACA,OACA,oBACAC,yBAEA,OACA9D,kCACA6C,mBAGA,qCAAAE,WACAC,KAAAC,IACA,aAEA,eACAa,yBAEAA,gCAIA,gBACAA,qBAEA,OACAC,+CACA/D,8BACA6C,mBAGA,gCAAAE,WACAC,KAAAC,IACA,aAEA,eACAa,qBAEAA,8BAMAhG,SACA,yCAEA,WACA2D,sBACAC,gCACAC,8BACAC,wDACAC,wDACAzD,wDACAD,wDACAG,wDACAD,wDAEAyD,oDACA3C,qDAGA,wBAEA,kBACA,wBAEA,qBAEA,sBAEA,mBAEA6E,WACA,sBAEA,4BAEAC,cACA,qCAEA,OACA,gCAGA,aACA,sBAEA,yCAEA,GACA,2BAGA,yCACAxD,iBAEAuC,KAAAC,IACA,aAEA,qBAEA,cACA,oBAEA,wBAEA,+BAEA,aAEA,cAEA,gCAKAiB,gBACA,+CACAC,IAAA,WAAAxG,MAAAc,WACA2F,OAAAlC,sBACA,sDACAmC,kBACAC,kBAEA,KAGAvE,WACA,wBAEA,+BACA,6DAGA,uBAEA,gBACA,sBAEA,6BAEA,8CACAU,MACAkB,iCAEAqB,KAAAC,IACA,aAEA,cACA,uBACA,sBAEA,qBACA,wBAEA,wBACA,+BAEA,0BAEA,eAEA,uBACA,mCCntC8V,I,wBCQ1VsB,EAAY,eACd,EACA,EACAhE,GACA,EACA,KACA,KACA,MAIa,aAAAgE,E","file":"js/chunk-dd27ab32.c7d8ab2f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/favicon.cfee3636.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./group.vue?vue&type=style&index=0&id=98c23fd8&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height\"},[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"#ff64ad\"},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({staticClass:\"body-1 font-weight-bold text-capitalize\",attrs:{\"color\":\"white\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog.snackbar = false}}},'v-btn',attrs,false),[_c('v-icon',[_vm._v(\"mdi-close-circle-outline\")])],1)]}}]),model:{value:(_vm.dialog.snackbar),callback:function ($$v) {_vm.$set(_vm.dialog, \"snackbar\", $$v)},expression:\"dialog.snackbar\"}},[_c('span',{staticClass:\"body-1 font-weight-light white--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.success)}})]),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"650\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_vm._v(\"\\n          \"+_vm._s(_vm.form.id !== '' ? 'Ubah' : 'Tambah')+\" Group Petugas Registrasi\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#ff64ad\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.form = false; _vm.reset();}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('div',{staticClass:\"body-1 font-weight-light mb-3\"},[_vm._v(\"\\n              Silahlan pilih role, kemudian pilih user / pengguna yang akan dimasukkan ke dalam group petugas registrasi tersebut:\\n            \")]),_c('ValidationProvider',{attrs:{\"name\":\"role_id\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                Role\\n                \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                  (wajib diisi)\\n                \")])]),_c('v-select',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Contoh. Klaten\",\"items\":_vm.list.role,\"item-text\":\"user_role_name\",\"item-value\":\"user_role_id\",\"item-color\":\"#ff64ad\",\"hide-details\":\"\",\"success\":_vm.form.role_id !== '' && valid,\"error-messages\":errors},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"change\":function($event){_vm.form.role_kecamatan_code = '';\n                  _vm.form.role_kecamatan_name = '';\n                  _vm.form.role_kelurahan_code = '';\n                  _vm.form.role_kelurahan_name = '';}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                      \\n                      Role \"+_vm._s(errors[0])+\"\\n                    \")])],1):_vm._e(),(_vm.form.role_id !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.role_id),callback:function ($$v) {_vm.$set(_vm.form, \"role_id\", $$v)},expression:\"form.role_id\"}})]}}])}),(Object.keys(_vm.selected.detail).length > 0)?_c('div',{staticClass:\"my-4\"},[_c('div',{staticClass:\"black--text mb-2\"},[_vm._v(\"\\n                Berikut adalah layanan dari role \"),_c('b',[_vm._v(_vm._s(_vm.selected.detail.user_role_name))]),_vm._v(\":\\n              \")]),_c('div',{staticClass:\"black--text font-weight-light text-capitalize\",staticStyle:{\"opacity\":\"60%\"}},[_c('ul',{staticStyle:{\"padding-left\":\"15px\"}},_vm._l((_vm.selected.detail.user_role_access.split(',')),function(item,index){return _c('li',{key:index},[_vm._v(\"\\n                    \"+_vm._s(item.replace(/_/g, ' '))+\"\\n                  \")])}),0)]),(_vm.form.role_id !== '')?_c('div',{staticClass:\"mt-6 mb-3\"},[_c('ValidationProvider',{attrs:{\"name\":\"role_kabupaten_code\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Kabupaten\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-autocomplete',{staticStyle:{\"max-width\":\"55%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Klaten\",\"items\":_vm.config.city,\"item-value\":\"kabupaten_code\",\"item-text\":\"kabupaten_name\",\"item-color\":\"#ff64ad\",\"success\":_vm.form.role_kabupaten_code !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"change\":function($event){_vm.form.role_kecamatan_code = '';\n                      _vm.form.role_kecamatan_name = '';\n                      _vm.form.role_kelurahan_code = '';\n                      _vm.form.role_kelurahan_name = '';}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Kabupaten / Kota \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.role_kabupaten_code !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.role_kabupaten_code),callback:function ($$v) {_vm.$set(_vm.form, \"role_kabupaten_code\", $$v)},expression:\"form.role_kabupaten_code\"}})]}}],null,false,1875501388)})],1):_vm._e(),(_vm.selected.detail.user_role_level === 'Kecamatan' || _vm.selected.detail.user_role_level === 'Desa / Kelurahan')?_c('div',{staticClass:\"mt-6 mb-3\"},[_c('ValidationProvider',{attrs:{\"name\":\"role_kecamatan_code\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Kecamatan\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-autocomplete',{staticStyle:{\"max-width\":\"55%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Trucuk\",\"search-input\":_vm.autocomplete.subdistrict,\"loading\":_vm.process.subdistrict,\"items\":_vm.config.subdistrict,\"item-value\":\"kecamatan_code\",\"item-text\":\"kecamatan_name\",\"item-color\":\"#ff64ad\",\"success\":_vm.form.role_kecamatan_code !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)},\"change\":function($event){_vm.form.role_kelurahan_code = '';\n                      _vm.form.role_kelurahan_name = '';}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Kecamatan \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.role_kecamatan_code !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.role_kecamatan_code),callback:function ($$v) {_vm.$set(_vm.form, \"role_kecamatan_code\", $$v)},expression:\"form.role_kecamatan_code\"}})]}}],null,false,2720098257)})],1):_vm._e(),(_vm.selected.detail.user_role_level === 'Desa / Kelurahan')?_c('div',{staticClass:\"mt-6 mb-3\"},[_c('ValidationProvider',{attrs:{\"name\":\"role_kelurahan_code\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Desa / Kelurahan\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-autocomplete',{staticStyle:{\"max-width\":\"55%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Kradenan\",\"search-input\":_vm.autocomplete.village,\"loading\":_vm.process.village,\"items\":_vm.config.village,\"item-value\":\"desa_code\",\"item-text\":\"desa_name\",\"item-color\":\"#ff64ad\",\"success\":_vm.form.role_kelurahan_code !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Desa / Kelurahan \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.role_kelurahan_code !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.role_kelurahan_code),callback:function ($$v) {_vm.$set(_vm.form, \"role_kelurahan_code\", $$v)},expression:\"form.role_kelurahan_code\"}})]}}],null,false,4014814524)})],1):_vm._e(),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"instansi_phone\",\"rules\":\"required|min:8|max:13\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Telepon Instansi\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticStyle:{\"max-width\":\"40%\"},attrs:{\"type\":\"number\",\"onkeypress\":\"return event.charCode >= 48 && event.charCode <= 57\",\"min\":\"0\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 081332XXXXXX\",\"success\":_vm.form.instansi_phone !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Telepon Instansi \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.instansi_phone !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.instansi_phone),callback:function ($$v) {_vm.$set(_vm.form, \"instansi_phone\", $$v)},expression:\"form.instansi_phone\"}})]}}],null,false,2338288578)})],1),_c('ValidationProvider',{attrs:{\"name\":\"instansi_email\",\"rules\":\"required|email\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                  Email Instansi\\n                  \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                    (wajib diisi)\\n                  \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"45%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. XXXXX@gmail.com\",\"success\":_vm.form.instansi_email !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                        \\n                        Email Instansi \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(_vm.form.instansi_email !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.instansi_email),callback:function ($$v) {_vm.$set(_vm.form, \"instansi_email\", $$v)},expression:\"form.instansi_email\"}})]}}],null,false,913642500)})],1):_vm._e(),(Object.keys(_vm.selected.detail).length > 0 && _vm.form.id === '')?_c('div',{staticClass:\"mt-6 mb-2\"},[_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.search_user = ''; _vm.fetchUser();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetchUser()}},model:{value:(_vm.search_user),callback:function ($$v) {_vm.search_user=$$v},expression:\"search_user\"}})],1):_vm._e(),(Object.keys(_vm.selected.detail).length > 0 && _vm.form.id === '')?_c('v-row',_vm._l((_vm.process.user ? 8 : _vm.list.user),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"3\"}},[_c('v-skeleton-loader',{staticClass:\"loader_image\",attrs:{\"loading\":_vm.process.user,\"type\":\"image\"}},[_c('div',[(!_vm.process.user && _vm.list.user.length > 0)?_c('v-card',{staticStyle:{\"box-shadow\":\"rgba(0, 0, 0, 0.04) 0px 3px 5px\",\"border-radius\":\"5px\"},on:{\"click\":function($event){!_vm.form.user_ids.includes(item.id) ? _vm.addUser(item.id) : _vm.removeUser(item.id)}}},[_c('v-img',{staticClass:\"d-flex align-end pa-2\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"width\":\"100%\",\"height\":\"125\",\"alt\":\"vuetify\",\"src\":item.image,\"gradient\":\"to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1)\"},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#ff64ad\"}})],1)]},proxy:true}],null,true)},[_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"2px\",\"right\":\"4px\"}},[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"\\n                            \"+_vm._s(_vm.form.user_ids.includes(item.id) ? 'mdi-check-circle' : 'mdi-checkbox-blank-circle-outline')+\"\\n                          \")])],1),_c('div',{staticClass:\"caption font-weight-bold white--text one-line\"},[_vm._v(\"\\n                          \"+_vm._s(item.fullname)+\"\\n                        \")]),_c('div',{staticClass:\"caption font-weight-bold white--text one-line\"},[_vm._v(\"\\n                          \"+_vm._s(item.nik)+\"\\n                        \")])])],1):_vm._e()],1)])],1)}),1):_vm._e(),(Object.keys(_vm.selected.detail).length > 0 && _vm.pagination.user.total_data > 0 && _vm.form.id === '')?_c('pagination',{attrs:{\"model\":_vm.pagination.user},on:{\"changePage\":function($event){return _vm.fetchUser($event)},\"reloadPage\":function($event){return _vm.fetchUser($event)}}}):_vm._e(),(!_vm.process.user && _vm.pagination.user.total_data < 1 && _vm.form.id === '')?_c('Empty',{attrs:{\"margin\":\"mt-4\",\"padding\":\"pa-16\",\"font\":\"body-2\",\"size\":100,\"message\":\"Produk\"}}):_vm._e()],1)],1),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.message.error)+\"\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#ff64ad\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.form = false; _vm.reset();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.delete = false}},model:{value:(_vm.dialog.delete),callback:function ($$v) {_vm.$set(_vm.dialog, \"delete\", $$v)},expression:\"dialog.delete\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_vm._v(\"\\n          Hapus Data\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#ff64ad\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.delete = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_vm._v(\"\\n        Apakah Anda yakin menghapus data Group Petugas Registrasi yang Anda pilih?\\n      \")]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#ff64ad\",\"elevation\":\"0\",\"disabled\":_vm.process.delete,\"loading\":_vm.process.delete},on:{\"click\":function($event){return _vm.deletes()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Hapus\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.delete},on:{\"click\":function($event){_vm.dialog.delete = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center cyan--text text-darken-1\",staticStyle:{\"background\":\"#00acc133\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.reset();}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Tambah Group\\n                    \")])],1)],1),(_vm.selected.row.length === 1)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\",staticStyle:{\"background\":\"#2196f333\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.reset(_vm.selected.row[0]);}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-circle-edit-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Ubah\\n                    \")])],1)],1):_vm._e(),(_vm.selected.row.length > 0)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\",staticStyle:{\"background\":\"#f4403433\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toDelete()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-delete-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Hapus\\n                    \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)],1),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid text-capitalize\",attrs:{\"height\":`calc(100vh - ${_vm.pagination.data.total_data > 0 ? '330px' : '258px'})`,\"show-select\":true,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.headers,\"items\":_vm.list.data,\"items-per-page\":100,\"item-key\":\"id\",\"hide-default-footer\":\"\"},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.rowClick,\"toggle-select-all\":function($event){return _vm.handleToggleAll($event)}},scopedSlots:_vm._u([{key:`item.index`,fn:function({ index }){return [_vm._v(\"\\n              \"+_vm._s(_vm.lastIndex + index)+\"\\n            \")]}}],null,true),model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}},[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.process.load),expression:\"process.load\"}],attrs:{\"slot\":\"progress\",\"color\":\"white\",\"indeterminate\":\"\"},slot:\"progress\"})],1),(_vm.pagination.data.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination.data},on:{\"changePage\":function($event){return _vm.fetch($event)},\"reloadPage\":function($event){return _vm.fetch($event)}}}):_vm._e()],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height\">\n    <v-snackbar\n      v-model=\"dialog.snackbar\"\n      top\n      right\n      color=\"#ff64ad\">\n      <span class=\"body-1 font-weight-light white--text\"\n        v-html=\"message.success\">\n      </span>\n\n      <template v-slot:action=\"{ attrs }\">\n        <v-btn\n          class=\"body-1 font-weight-bold text-capitalize\"\n          color=\"white\"\n          icon\n          v-bind=\"attrs\"\n          @click=\"dialog.snackbar = false\">\n          <v-icon>mdi-close-circle-outline</v-icon>\n        </v-btn>\n      </template>\n    </v-snackbar>\n\n    <v-dialog v-model=\"dialog.form\"\n      @keydown.esc=\"dialog.form = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"650\"\n      persistent\n      scrollable>\n      <v-card class=\"border-radius pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-1\">\n            {{ form.id !== '' ? 'Ubah' : 'Tambah' }} Group Petugas Registrasi\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#ff64ad\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.form = false; reset();\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n\n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text \n          class=\"pt-2 body-1 line-text-second\">\n          <ValidationObserver ref=\"form\">\n            <v-form class=\"text-left\">\n              <div\n                class=\"body-1 font-weight-light mb-3\">\n                Silahlan pilih role, kemudian pilih user / pengguna yang akan dimasukkan ke dalam group petugas registrasi tersebut:\n              </div>\n\n              <ValidationProvider \n                name=\"role_id\" \n                rules=\"required\"\n                v-slot=\"{ errors, valid }\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\">*</span>\n                  Role\n                  <span class=\"error--text\">\n                    (wajib diisi)\n                  </span>\n                </p>\n\n                <v-select\n                  v-on:keyup.enter=\"save\"\n                  style=\"max-width: 70%;\"\n                  outlined\n                  dense\n                  color=\"#ff64ad\"\n                  placeholder=\"Contoh. Klaten\"\n                  \n                  :items=\"list.role\"\n                  item-text=\"user_role_name\"\n                  item-value=\"user_role_id\"\n                  item-color=\"#ff64ad\"\n\n                  hide-details\n\n                  @change=\"\n                    form.role_kecamatan_code = '';\n                    form.role_kecamatan_name = '';\n                    form.role_kelurahan_code = '';\n                    form.role_kelurahan_name = '';\"\n\n                  v-model=\"form.role_id\"\n                  :success=\"form.role_id !== '' && valid\"\n                  :error-messages=\"errors\">\n                  <template v-slot:append-outer>\n                    <div v-if=\"errors.length > 0\">\n                      <v-tooltip top color=\"#ff5252\">\n                        <template v-slot:activator=\"{ on }\">\n                          <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                        </template>\n                        \n                        Role {{ errors[0] }}\n                      </v-tooltip>\n                    </div>\n\n                    <div v-if=\"form.role_id !== '' && valid\">\n                      <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                    </div>\n                  </template>\n                </v-select>\n              </ValidationProvider>\n\n              <div v-if=\"Object.keys(selected.detail).length > 0\"\n                class=\"my-4\">\n                <div\n                  class=\"black--text mb-2\">\n                  Berikut adalah layanan dari role <b>{{ selected.detail.user_role_name }}</b>:\n                </div>\n\n                <div\n                  class=\"black--text font-weight-light text-capitalize\"\n                  style=\"opacity: 60%;\">\n                  <ul\n                    style=\"padding-left: 15px;\">\n                    <li\n                      v-for=\"(item, index) in selected.detail.user_role_access.split(',')\"\n                      :key=\"index\">\n                      {{ item.replace(/_/g, ' ') }}\n                    </li>\n                  </ul> \n                </div>\n\n                <div v-if=\"form.role_id !== ''\"\n                  class=\"mt-6 mb-3\">\n                  <ValidationProvider \n                    name=\"role_kabupaten_code\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Kabupaten\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n\n                    <v-autocomplete\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 55%;\"\n                      dense\n                      outlined\n                      color=\"#ff64ad\"\n                      hide-details\n                      placeholder=\"Contoh. Klaten\"\n                      \n                      :items=\"config.city\"\n                      item-value=\"kabupaten_code\"\n                      item-text=\"kabupaten_name\"\n                      item-color=\"#ff64ad\"\n\n                      @change=\"\n                        form.role_kecamatan_code = '';\n                        form.role_kecamatan_name = '';\n                        form.role_kelurahan_code = '';\n                        form.role_kelurahan_name = '';\"\n\n                      v-model=\"form.role_kabupaten_code\"\n                      :success=\"form.role_kabupaten_code !== '' && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Kabupaten / Kota {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.role_kabupaten_code !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-autocomplete>\n                  </ValidationProvider>\n                </div>\n\n                <div v-if=\"selected.detail.user_role_level === 'Kecamatan' || selected.detail.user_role_level === 'Desa / Kelurahan'\"\n                  class=\"mt-6 mb-3\">\n                  <ValidationProvider \n                    name=\"role_kecamatan_code\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Kecamatan\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n\n                    <v-autocomplete\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 55%;\"\n                      dense\n                      outlined\n                      color=\"#ff64ad\"\n                      hide-details\n                      placeholder=\"Contoh. Trucuk\"\n\n                      :search-input.sync=\"autocomplete.subdistrict\"\n                      :loading=\"process.subdistrict\"\n                      \n                      :items=\"config.subdistrict\"\n                      item-value=\"kecamatan_code\"\n                      item-text=\"kecamatan_name\"\n                      item-color=\"#ff64ad\"\n\n                      @change=\"\n                        form.role_kelurahan_code = '';\n                        form.role_kelurahan_name = '';\"\n\n                      v-model=\"form.role_kecamatan_code\"\n                      :success=\"form.role_kecamatan_code !== '' && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Kecamatan {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.role_kecamatan_code !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-autocomplete>\n                  </ValidationProvider>\n                </div>\n\n                <div v-if=\"selected.detail.user_role_level === 'Desa / Kelurahan'\"\n                  class=\"mt-6 mb-3\">\n                  <ValidationProvider \n                    name=\"role_kelurahan_code\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Desa / Kelurahan\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n\n                    <v-autocomplete\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 55%;\"\n                      dense\n                      outlined\n                      color=\"#ff64ad\"\n                      hide-details\n                      placeholder=\"Contoh. Kradenan\"\n\n                      :search-input.sync=\"autocomplete.village\"\n                      :loading=\"process.village\"\n                      \n                      :items=\"config.village\"\n                      item-value=\"desa_code\"\n                      item-text=\"desa_name\"\n                      item-color=\"#ff64ad\"\n\n                      v-model=\"form.role_kelurahan_code\"\n                      :success=\"form.role_kelurahan_code !== '' && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Desa / Kelurahan {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.role_kelurahan_code !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-autocomplete>\n                  </ValidationProvider>\n                </div>\n\n                <div\n                  class=\"my-6\">\n                  <ValidationProvider \n                    name=\"instansi_phone\" \n                    rules=\"required|min:8|max:13\"\n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Telepon Instansi\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n                    \n                    <v-text-field\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 40%;\"\n                      type=\"number\"\n                      onkeypress=\"return event.charCode >= 48 && event.charCode <= 57\"\n                      min=\"0\"\n                      dense\n                      outlined\n                      color=\"#ff64ad\"\n                      hide-details\n                      placeholder=\"Contoh. 081332XXXXXX\"\n                      \n                      v-model=\"form.instansi_phone\"\n                      v-uppercase\n                      :success=\"form.instansi_phone !== '' && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Telepon Instansi {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.instansi_phone !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-text-field>\n                  </ValidationProvider>\n                </div>\n\n                <ValidationProvider \n                  name=\"instansi_email\" \n                  rules=\"required|email\" \n                  v-slot=\"{ errors, valid }\">\n                  <div class=\"body-2 mb-2\">\n                    <span class=\"red--text\">*</span>\n                    Email Instansi\n                    <span class=\"error--text\">\n                      (wajib diisi)\n                    </span>\n                  </div>\n                  \n                  <v-text-field\n                    v-on:keyup.enter=\"save\"\n                    style=\"max-width: 45%;\"\n                    dense\n                    outlined\n                    color=\"#ff64ad\"\n                    hide-details\n                    placeholder=\"Contoh. XXXXX@gmail.com\"\n\n                    v-model=\"form.instansi_email\"\n                    :success=\"form.instansi_email !== '' && valid\"\n                    :error-messages=\"errors\"\n                    required>\n                    <template v-slot:append-outer>\n                      <div v-if=\"errors.length > 0\">\n                        <v-tooltip top color=\"#ff5252\">\n                          <template v-slot:activator=\"{ on }\">\n                            <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                          </template>\n                          \n                          Email Instansi {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"form.instansi_email !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-text-field>\n                </ValidationProvider>\n              </div>\n\n              <div v-if=\"Object.keys(selected.detail).length > 0 && form.id === ''\"\n                class=\"mt-6 mb-2\">\n                <v-text-field \n                  dense\n                  single-line\n                  hide-details\n                  color=\"#ff64ad\"\n                  placeholder=\"Cari . . .\"\n                  append-icon=\"mdi-magnify\"\n                  clearable\n                  v-model=\"search_user\"\n                  v-uppercase\n                  @click:clear=\"search_user = ''; fetchUser();\"\n                  v-on:keyup.enter=\"fetchUser()\">\n                </v-text-field>\n              </div>\n\n              <v-row v-if=\"Object.keys(selected.detail).length > 0 && form.id === ''\">\n                <v-col\n                  v-for=\"(item, index) in process.user ? 8 : list.user\"\n                  :key=\"index\"\n                  cols=\"3\">\n                  <v-skeleton-loader\n                    class=\"loader_image\"\n                    :loading=\"process.user\"\n                    type=\"image\">\n                    <div>\n                      <v-card v-if=\"!process.user && list.user.length > 0\"\n                        @click=\"!form.user_ids.includes(item.id) ? addUser(item.id) : removeUser(item.id)\"\n                        style=\"box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; border-radius: 5px;\">\n                        <v-img\n                          style=\"border-radius: 5px;\"\n                          class=\"d-flex align-end pa-2\"\n                          width=\"100%\"\n                          height=\"125\"\n                          alt=\"vuetify\"\n                          :src=\"item.image\"\n                          gradient=\"to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1)\">\n                          <template v-slot:placeholder>\n                            <v-row\n                              class=\"fill-height\"\n                              align=\"center\"\n                              justify=\"center\">\n                              <v-progress-circular \n                                indeterminate \n                                color=\"#ff64ad\">\n                              </v-progress-circular>\n                            </v-row>\n                          </template>\n\n                          <!-- <div\n                            style=\"position: absolute; top: 2px; right: 4px;\">\n                            <v-icon color=\"white\">\n                              {{ form.user_ids.includes(item.id) ? 'mdi-checkbox-marked' : 'mdi-checkbox-blank-outline' }}\n                            </v-icon>\n                          </div> -->\n\n                          <div\n                            style=\"position: absolute; top: 2px; right: 4px;\">\n                            <v-icon color=\"white\">\n                              {{ form.user_ids.includes(item.id) ? 'mdi-check-circle' : 'mdi-checkbox-blank-circle-outline' }}\n                            </v-icon>\n                          </div>\n\n                          <div\n                            class=\"caption font-weight-bold white--text one-line\">\n                            {{ item.fullname }}\n                          </div>\n\n                          <div\n                            class=\"caption font-weight-bold white--text one-line\">\n                            {{ item.nik }}\n                          </div>\n                        </v-img>\n                      </v-card>\n                    </div>\n                  </v-skeleton-loader>\n                </v-col>\n              </v-row>\n\n              <pagination v-if=\"Object.keys(selected.detail).length > 0 && pagination.user.total_data > 0 && form.id === ''\"\n                @changePage=\"fetchUser($event)\" \n                @reloadPage=\"fetchUser($event)\" \n                :model=\"pagination.user\"/>\n\n              <Empty v-if=\"!process.user && pagination.user.total_data < 1 && form.id === ''\"\n                margin=\"mt-4\"\n                padding=\"pa-16\"\n                font=\"body-2\"\n                :size=\"100\"\n                message=\"Produk\" />\n            </v-form>\n          </ValidationObserver>\n\n          <v-alert \n            type=\"error\" \n            text dense prominent \n            class=\"mt-6\"\n            v-show=\"message.error.length > 0\">\n            {{  message.error }}\n          </v-alert>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#ff64ad\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.form\"\n            :loading=\"process.form\"\n            v-on:keyup.enter=\"save()\"\n            @click=\"save()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.form = false; reset();\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.delete\"\n      @keydown.esc=\"dialog.delete = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-1\">\n            Hapus Data\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#ff64ad\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.delete = false; dialog.fullscreen = false; selected.delete = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          Apakah Anda yakin menghapus data Group Petugas Registrasi yang Anda pilih?\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#ff64ad\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.delete\"\n            :loading=\"process.delete\"\n            @click=\"deletes()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Hapus\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.delete\"\n            @click=\"dialog.delete = false; dialog.fullscreen = false; selected.delete = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-card \n            flat \n            style=\"border: 1px solid #E0E0E0;\">\n            <v-card-text>\n              <v-row>\n                <v-col cols=\"12\" md=\"8\" class=\"d-flex align-center\">\n                  <!-- ADD -->\n                  <div class=\"mr-3\">\n                    <v-btn\n                      elevation=\"0\"\n                      style=\"background: #00acc133;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center cyan--text text-darken-1\"\n                      @click=\"dialog.form = true; reset();\">\n                      <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Tambah Group\n                      </span>\n                    </v-btn>\n                  </div>\n\n                  <!-- EDIT -->\n                  <div class=\"mr-3\" v-if=\"selected.row.length === 1\">\n                    <v-btn \n                      elevation=\"0\"\n                      style=\"background: #2196f333;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\"\n                      @click=\"dialog.form = true; reset(selected.row[0]);\">\n                      <v-icon size=\"18\">mdi-circle-edit-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Ubah\n                      </span>\n                    </v-btn>\n                  </div>\n\n                  <!-- DELETE -->\n                  <div class=\"mr-3\" v-if=\"selected.row.length > 0\">\n                    <v-btn\n                      elevation=\"0\"\n                      style=\"background: #f4403433;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\"\n                      @click=\"toDelete()\">\n                      <v-icon size=\"18\">mdi-delete-circle-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Hapus\n                      </span>\n                    </v-btn>\n                  </div>\n                </v-col>\n\n                <v-col cols=\"12\" md=\"4\" class=\"d-flex align-center justify-end\">\n                  <v-text-field \n                    class=\"mr-3\"\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#ff64ad\"\n                    placeholder=\"Cari . . .\"\n                    v-uppercase\n                    append-icon=\"mdi-magnify\"\n                    clearable\n                    v-model=\"search\"\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\">\n                  </v-text-field>\n                </v-col>\n              </v-row>\n            </v-card-text>\n\n            <v-data-table\n              v-model=\"selected.row\"\n              ref=\"table-grid\"\n              class=\"table-grid text-capitalize\"\n              :height=\"`calc(100vh - ${pagination.data.total_data > 0 ? '330px' : '258px'})`\"\n              :show-select=\"true\"\n              :loading=\"process.load\"\n              loading-text=\"Sedang memuat data . . .\"\n              loader-height=\"5\"\n              no-results-text=\"Belum ada data\"\n              :options.sync=\"options\"\n              :headers=\"headers\"\n              :items=\"list.data\"\n              :items-per-page=\"100\"\n              item-key=\"id\"\n              @click:row=\"rowClick\"\n              @toggle-select-all=\"handleToggleAll($event)\"\n              hide-default-footer>\n              <template v-slot:[`item.index`]=\"{ index }\">\n                {{ lastIndex + index }}\n              </template>\n\n              <v-progress-linear \n                v-show=\"process.load\" \n                slot=\"progress\" \n                color=\"white\" \n                indeterminate>\n              </v-progress-linear>\n            </v-data-table>\n\n            <pagination v-if=\"pagination.data.total_data > 0\"\n              @changePage=\"fetch($event)\" \n              @reloadPage=\"fetch($event)\" \n              :model=\"pagination.data\"/>\n          </v-card>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    data () {\n      return {\n        dialog: {\n          fullscreen: false,\n          snackbar: false,\n          form: false,\n          delete: false\n        },\n        search: '',\n        search_user: '',\n        selected: {\n          row: [],\n          delete: [],\n          detail: {}\n        },\n        config: {\n          city: [{\n            kabupaten_code: '33.10',\n            kabupaten_name: 'KLATEN'\n          }],\n          subdistrict: [],\n          village: []\n        },\n        autocomplete: {\n          city: '',\n          subdistrict: '',\n          village: ''\n        },\n        options: {},\n        headers: [],\n        list: {\n          role: [],\n          user: [],\n          data: []\n        },\n        limit: 20,\n        pagination: {\n          user: {},\n          data: {}\n        },\n        lastIndex: 0,\n        form: {\n          id: '',\n          role_id: '',\n          user_ids: [],\n          role_kabupaten_name: '',\n          role_kabupaten_code: '',\n          role_kecamatan_name: '',\n          role_kecamatan_code: '',\n          role_kelurahan_name: '',\n          role_kelurahan_code: '',\n\n          instansi_phone: '',\n          instansi_email: ''\n        },\n        process: {\n          load: false,\n          form: false,\n          delete: false,\n          user: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue'),\n      Empty: () => import(/* webpackPrefetch: true */ '@/components/empty')\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      },\n      'form.role_id': function() {\n        let t = this\n        let rol = this.list.role.filter(function(v) {\n          return t.form.role_id == v.id\n        })\n\n        if (rol.length > 0) {\n          this.selected.detail = rol[0]\n\n          this.fetchUser()\n\n          this.form.role_kabupaten_code = '33.10'\n          this.form.role_kabupaten_name = 'KLATEN'\n          // this.form.role_kecamatan_code = ''\n          // this.form.role_kecamatan_name = ''\n          // this.form.role_kelurahan_code = ''\n          // this.form.role_kelurahan_name = ''\n        }\n        \n      },\n      'form.role_kabupaten_code': function() {\n        let t = this\n        let kab = this.config.city.filter(function(v) {\n          return t.form.role_kabupaten_code == v.kabupaten_code\n        })\n\n        if (kab.length > 0) {\n          this.form.role_kabupaten_name = kab[0].kabupaten_name\n\n          // this.form.role_kecamatan_code = ''\n          // this.form.role_kecamatan_name = ''\n          // this.form.role_kelurahan_code = ''\n          // this.form.role_kelurahan_name = ''\n        }\n\n        this.static().subdistrict()\n\n        this.fetchUser()\n      },\n      'form.role_kecamatan_code': function() {\n        let t = this\n        let kec = this.config.subdistrict.filter(function(v) {\n          return t.form.role_kecamatan_code == v.kecamatan_code\n        })\n\n        if (kec.length > 0) {\n          this.form.role_kecamatan_name = kec[0].kecamatan_name\n\n          // this.form.role_kelurahan_code = ''\n          // this.form.role_kelurahan_name = ''\n        }\n\n        this.static().village()\n\n        this.fetchUser()\n      },\n      'form.role_kelurahan_code': function() {\n        let t = this\n        let kel = this.config.village.filter(function(v) {\n          return t.form.role_kelurahan_code == v.desa_code\n        })\n\n        if (kel.length > 0) {\n          this.form.role_kelurahan_name = kel[0].desa_name\n        }\n\n        this.fetchUser()\n      },\n      'autocomplete.subdistrict': function() {\n        this.static().subdistrict()\n      },\n      'autocomplete.village': function() {\n        this.static().village()\n      }\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      rowClick (item, row) {\n        row.select(!row.isSelected ? true : false)\n      },\n      handleToggleAll (event) {\n        if (!event.value) this.selected.row = []\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = true\n\n        this.limit = pagination.row\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          sort: this.options.sortBy.length < 1 ? 'id' : this.options.sortBy[0],\n          order_by: this.options.sortDesc[0] ? 'ASC' : 'DESC',\n          search: this.search\n        }\n\n        this.selected.row = []\n\n        await get('user/list_user_role', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.load = false\n            \n          if (res.code === 200) {\n            this.headers = [\n              {\n                text: '#No',\n                width: '75px',\n                value: 'index',\n                sortable: false,\n                freeze: true,\n                hide: false,\n                align: 'center'\n              },\n              {\n                text: 'Nama Lengkap',\n                width: '300px',\n                value: 'fullname',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'NIK',\n                width: '200px',\n                value: 'nik',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Group Petugas Registrasi',\n                width: '200px',\n                value: 'user_role_name',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Level',\n                width: '200px',\n                value: 'user_role_level',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Hak Akses',\n                width: '400px',\n                value: 'user_role_access',\n                freeze: false,\n                hide: false\n              }\n            ]\n            \n            this.list.data = res.data\n            this.pagination.data = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n          }\n        })\n      },\n      async fetchRole (item) {\n        this.list.role = []\n\n        await get('user_role')\n        .then(response => {\n          let res = response.data\n            \n          if (res.code === 200) {\n            res.data.map(obj => {\n              this.list.role.push({\n                id: obj.id,\n                user_role_id: obj.user_role_id,\n                user_role_name: `${obj.user_role_name} - ${obj.user_role_level}`,\n                user_role_access: obj.user_role_access,\n                user_role_level: obj.user_role_level\n              })\n            })\n\n            if (item !== undefined) {\n              this.fetchUser()\n\n              this.list.role.map(obj => {\n                if (obj.id === this.form.role_id) {\n                  this.selected.detail = obj\n                }\n              })\n            }\n          }\n        })\n      },\n      async fetchUser (pagination = { row: 20, page: 1 }) {\n        this.process.user = true\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          role_id: 0,\n          search: this.search_user,\n          // kecamatan_name: this.form.role_kecamatan_name,\n          // kelurahan_name: this.form.role_kelurahan_name\n        }\n\n        await get('user', { params })\n        .then(response => {\n          let res = response.data\n            \n          if (res.code === 200) {\n            this.process.user = false\n\n            this.list.user = res.data\n            this.pagination.user = res.pagination\n          }\n        })\n      },\n      static () {\n        let t = this\n        return {\n          async subdistrict () {\n            t.process.subdistrict = true\n\n            let params = {\n              search: t.autocomplete.subdistrict,\n              sort: 'DESC'\n            }\n\n            await get('location/kecamatan', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.subdistrict = false\n\n                t.config.subdistrict = res.data\n              }\n            })\n          },\n          async village () {\n            t.process.village = true\n\n            let params = {\n              desa_kecamatan_code: t.form.role_kecamatan_code,\n              search: t.autocomplete.village,\n              sort: 'DESC'\n            }\n\n            await get('location/desa', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.village = false\n\n                t.config.village = res.data\n              }\n            })\n          }\n        }\n      },\n      reset (item) {\n        if (this.$refs.form) this.$refs.form.reset()\n        \n        this.form = {\n          id: item !== undefined ? item.id : '',\n          role_id: item !== undefined ? item.role_id : '',\n          user_ids: item !== undefined ? [item.id] : [],\n          role_kabupaten_name: item !== undefined ? item.role_kabupaten_name : '',\n          role_kabupaten_code: item !== undefined ? item.role_kabupaten_code : '',\n          role_kecamatan_name: item !== undefined ? item.role_kecamatan_name : '',\n          role_kecamatan_code: item !== undefined ? item.role_kecamatan_code : '',\n          role_kelurahan_name: item !== undefined ? item.role_kelurahan_name : '',\n          role_kelurahan_code: item !== undefined ? item.role_kelurahan_code : '',\n          \n          instansi_phone: item !== undefined ? item.extra.instansi_phone : '',\n          instansi_email: item !== undefined ? item.extra.instansi_email : ''\n        }\n\n        this.selected.detail = {}\n\n        this.list.user = []\n        this.pagination.user = {}\n        \n        this.process.form = false\n\n        this.message.error = ''\n\n        this.fetchRole(item)\n      },\n      addUser (id) {\n        this.form.user_ids = []\n\n        this.form.user_ids.push(id)\n      },\n      removeUser (id) {\n        let myIndex = this.form.user_ids.indexOf(id)\n\n        if (myIndex !== -1) {\n          this.form.user_ids.splice(myIndex, 1)\n        }\n      },\n      async save () {\n        this.message.error = ''\n\n        const isValid = await this.$refs.form.validate()\n\n        if (isValid) {\n          this.process.form = true\n\n          // SAVE TO REST API\n          await post('user/add_user_to_group', {\n            data: this.form\n          })\n          .then(response => {\n            let res = response.data\n\n            this.process.form = false\n\n            if (res.code === 200) {\n              this.dialog.form = false\n\n              this.dialog.snackbar = true\n\n              this.message.success = res.message\n\n              this.reset()\n\n              this.fetch()\n            } else {\n              this.message.error = res.message\n            }\n          })\n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      },\n      toDelete () {\n        this.selected.delete = []\n\n        for (let i in this.selected.row) {\n          this.selected.delete.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.delete = true\n      },\n      async deletes () {\n        this.message.error = ''\n\n        this.process.delete = true\n\n        await post('user/delete_user_from_group', {\n          data: {\n            user_ids: this.selected.delete\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.delete = false\n            this.dialog.delete = false\n\n            this.selected.row = []\n            this.selected.delete = []\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.delete = false\n            this.message.error = res.message\n          }\n        })\n      }\n    }\n  }\n</script>\n\n<style>\n  .loader_image .v-skeleton-loader__image {\n    height: 125px !important;\n  }\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./group.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./group.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./group.vue?vue&type=template&id=98c23fd8&\"\nimport script from \"./group.vue?vue&type=script&lang=js&\"\nexport * from \"./group.vue?vue&type=script&lang=js&\"\nimport style0 from \"./group.vue?vue&type=style&index=0&id=98c23fd8&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}