{"version":3,"sources":["webpack:///./src/components/user/doctor.vue","webpack:///src/components/user/doctor.vue","webpack:///./src/components/user/doctor.vue?52b7","webpack:///./src/components/user/doctor.vue?1084","webpack:///./src/components/user/doctor.vue?1e3b","webpack:///./src/assets/logo/favicon.png","webpack:///./src/assets/image/member-default.jpg"],"names":["staticClass","domProps","_vm","_c","attrs","dialog","callback","expression","scopedSlots","fn","on","_v","staticStyle","model","value","slot","key","proxy","_u","errors","valid","form","indexOf","email","placeholder","content","$event","checkbox_tempat_kerja","process","extra","specialist","type","$set","autocomplete","subdistrict","save","village","password","class","require","fullscreen","index","item","hide","$$v","refInFor","start_time","start","ref","end_time","end","message","length","form_online","reset","options","rowClick","lastIndex","selected","directives","name","pagination","total_data","fetch","staticRenderFns","data","show","snackbar","delete","freeze","search","row","checkbox_select","headers","detail","list","limit","upload","folder","hospital","config","id","fullname","phone","image","level","kecamatan_code","kecamatan_name","kelurahan_code","kelurahan_name","dukuh","rt","rw","load","success","error","components","uploadfolder","watch","handler","page","deep","computed","user","configHeaders","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","handleToggleAll","sort","order_by","is_verified","params","then","text","width","sortable","align","format","container","static","t","desa_kecamatan_code","setTimeout","map","filter","behavior","block","addFreezes","child","f","parseInt","style","this","document","removeFreezes","addHides","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","to_save_online","user_id","user_fullname","user_email","user_phone","user_image","date","picker","time","data_bulk","component","module","exports"],"mappings":"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,aAGA4B,eACAzB,SACAiE,QACAxE,QACA+D,SACAhB,UACAlC,eACAE,WACA2C,YACA1B,gBAEAF,SACA2C,WACAC,YAIAC,YACAC,iEACApC,gEAEAqC,OACA,SACAC,UACA,OAAA5B,eAAA6B,QACA,eAEAC,SAEA,iBACAF,mBACA,qBACA,8CAEA,qBAEA,yDAIAE,SAEA,uCACA,WACA,8CACA,wDAGA,aACA,mDAEA,kCACA,mCAGA,yBAEA,uCACA,WACA,0CACA,mDAGA,aACA,gDAGA,sCACA,6BAEA,kCACA,yBAEA,mCACA,0BAEA,8CAGA,2BAGAC,UACAC,OACA,+BAEAC,gBACA,yCAGAC,UACA,cAEAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGAjD,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCAEAA,wBAEA,UAEAT,cACAe,yBAEA4C,mBACA,iCAEA,eAAA5C,OAAA6B,SACA,qBAEA,iBAEA,OACAxB,YACAwB,YACAgB,8DACAC,+CACA/C,mBACAgD,cACAjC,gBAGA,2BAEA,uBAAAkC,WACAC,SACA,aAEA,qBAEA,eACA,cACA,CACAC,WACAC,aACA5G,cACA6G,YACAtD,UACA1B,QACAiF,gBAEA,CACAH,oBACAC,cACA5G,iBACAuD,UACA1B,SAEA,CACA8E,aACAC,cACA5G,cACAuD,UACA1B,SAEA,CACA8E,eACAC,cACA5G,cACAuD,UACA1B,SAEA,CACA8E,aACAC,cACA5G,cACAuD,UACA1B,SAEA,CACA8E,sBACAC,cACA5G,wBACAuD,UACA1B,QACAkF,mBAEA,CACAJ,cACAC,cACA5G,kBACAuD,UACA1B,QACAkF,iBAgBA,CACAJ,cACAC,cACA5G,oBACAuD,UACA1B,QACAkF,eAIA,sBACA,6BAEA,gCACA,kBAEA,kBAEA,6CAAAC,oFAEA,uEAIAC,SACA,WACA,OACA,oBACAC,yBAEA,OACA1D,kCACA8C,mBAGA,qCAAAG,WACAC,SACA,aAEA,eACAQ,yBAEAA,gCAIA,gBACAA,qBAEA,OACAC,gDACA3D,8BACA8C,mBAGA,gCAAAG,WACAC,SACA,aAEA,eACAQ,qBAEAA,4BAIA,iBACAA,sBAEA,OACApD,WAGA,+EAEA,kBAAA2C,WACAC,SACA,aAEA,eACAQ,sBAEAA,+BAMA1E,SACA,yCAEA,WACA2B,sBACAC,kCACA3D,4BACA4D,4BACAC,4BACA/C,kBACAgD,qCACAxD,0BACAyD,kBACAC,kBACAC,kBACAC,kBACAC,SACAC,MACAC,MACAb,YACAjD,cACAL,aAIA,qBAEA,uBAEA,aACA,sBACA,yCAEA,MACA,qBAEA,0DAGA,kBACAwC,iBAEAuD,SACA,aAEA,qBAEA,cACA,oBAEA,wBAEA,+BAEA,cAEA,oCAMAU,gBACA,+CACAC,eAAAnH,MAAAF,WACAsH,6BACA,sDACAC,kBACAC,kBAEA,KAGAC,aACA,qBAEA,wBAEA,4CACA,iCAEA,2BACAC,mCACAd,mDAIA,+CACA,sCACAA,IAGAA,EADA,qBACAA,SACAe,mDACAC,uFAEAhB,QACAe,gDACAC,oFAIAC,+EACgEC,KAAKlF,SAASW,OAAOoE,GAAGD,qCAC9Dd,mKAKsCkB,KAAKlF,SAASW,OAAOoE,GAAGD,qCAC9Dd,yEAM1BmB,gCAKAC,gBAEA,+CACA,sCAGAH,2EAC4DC,KAAKlF,SAASW,OAAOoE,GAAGD,qLAMxBI,KAAKlF,SAASW,OAAOoE,GAAGD,+FAOpFK,+BAGAE,WACA,gDAEAC,mBACA,6CAEA,2BACA,0BAGAC,iBACA,sCACAC,sBAEA,aAEAC,0BAEA,qBAEA,4BACA,WACAD,oBACAA,+BAEAE,KAGA,cACA,cAEAC,mCACAC,yBACAC,uBACAC,UAEA,WAEAC,kBAEA,yBAGAJ,mCACAK,iDAGAL,kCACAK,gCAGAb,0CACA,MACA,gBAEA,4BAEAS,0BAIAT,yCACAS,SACAC,SACAC,SACAG,SACAF,WAIA,cACA,oCAWA,OATAJ,cACAA,gBACAA,oBACAA,4BACAA,4BACAA,0BACAA,sBACAA,6BAEA,EAGA,cACA,mCACA,SAGA,0BACA,uBAEA,+BAGA,gBACA,6DAKAO,iBACA,oBAEA,0BACA,uBACAC,aACAC,yBACAC,mBACAC,mBACAC,mBACAC,QACApH,cACAG,YACAkH,UACAC,MACArH,SACAG,YAKA,4BAEA,oBACA,sBACA,gDAEA,GACA,kCAGA,qDACAe,MACAoG,8BAGA7C,SACA,aAEA,4BAEA,cACA,2BAEA,wBAEA,+BAEA,cAEA,gCAMAU,gBACA,+CACAC,eAAAnH,MAAAF,WACAsH,6BACA,sDACAC,kBACAC,kBAEA,QC/lE+V,I,wBCQ3VgC,EAAY,eACd,EACA,EACAtG,GACA,EACA,KACA,KACA,MAIa,aAAAsG,E,2CCnBf,W,qBCAAC,EAAOC,QAAU,IAA0B,4B,qBCA3CD,EAAOC,QAAU,IAA0B,oC","file":"js/chunk-6d598ac4.21f5882b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height\"},[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"#B71C1C\"},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\":\"900\",\"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\":\"30\"}},[_c('v-img',{attrs:{\"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\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-2\"},[_vm._v(\"\\n          \"+_vm._s(_vm.form.id === '' ? 'Tambah' : 'Ubah')+\"\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},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._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('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('uploadfolder',{staticStyle:{\"position\":\"sticky\",\"top\":\"0\"},model:{value:(_vm.upload.folder),callback:function ($$v) {_vm.$set(_vm.upload, \"folder\", $$v)},expression:\"upload.folder\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":!_vm.dialog.fullscreen ? 200 : 350}},[(!_vm.process.image && _vm.form.image !== '')?_c('v-img',{staticClass:\"ma-auto d-flex align-center text-center\",attrs:{\"alt\":\"kominfo\",\"width\":\"100%\",\"height\":!_vm.dialog.fullscreen ? 195 : 345,\"gradient\":\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)\",\"src\":_vm.form.image},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\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)},[_c('v-icon',{attrs:{\"size\":\"65\",\"color\":\"white\"}},[_vm._v(\"\\n                          mdi-cloud-upload-outline\\n                        \")])],1):_vm._e(),(!_vm.process.image && _vm.form.image === '')?_c('v-icon',{attrs:{\"size\":\"65\",\"color\":\"grey\"}},[_vm._v(\"\\n                        mdi-cloud-upload-outline\\n                      \")]):_vm._e(),(_vm.process.image)?_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}}):_vm._e()],1)],1)])],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('ValidationProvider',{attrs:{\"name\":\"fullname\",\"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                    Nama Lengkap\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Dr. Subandono, MSc., Sp.PD\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.fullname !== '' && 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                          Nama Lengkap \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.fullname !== '' && 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.fullname),callback:function ($$v) {_vm.$set(_vm.form, \"fullname\", $$v)},expression:\"form.fullname\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"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\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"40%\"},attrs:{\"type\":\"number\",\"onkeypress\":\"return event.charCode >= 48 && event.charCode <= 57\",\"min\":\"0\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 081332XXXXXX\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.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 \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.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.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"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\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"50%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. XXXX@gmail.com\",\"success\":_vm.form.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 \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.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.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                    Tentang (boleh dikosongi)\\n                  \")]),_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                      placeholder: 'Contoh. Silahkan isi deskripsi / konten . . .'\n                    }},model:{value:(_vm.form.extra.content),callback:function ($$v) {_vm.$set(_vm.form.extra, \"content\", $$v)},expression:\"form.extra.content\"}})],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-1\"},[_vm._v(\"\\n                    Tempat Kerja (bisa dikosongi)\\n                  \")]),_c('v-checkbox',{staticClass:\"mb-3\",attrs:{\"dense\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.form.extra.hospital = {}}},scopedSlots:_vm._u([{key:\"label\",fn:function(){return [_c('div',[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('span',_vm._g({staticClass:\"body-2 black--text\",staticStyle:{\"opacity\":\"60%\"}},on),[_vm._v(\"\\n                              Cek untuk memilih Puskesmas\\n                            \")])]}}])},[_vm._v(\"\\n\\n                          Jikan mencentang maka data yang Anda pilih berisi Puskesmas\\n                        \")])],1)]},proxy:true}]),model:{value:(_vm.form.extra.checkbox_tempat_kerja),callback:function ($$v) {_vm.$set(_vm.form.extra, \"checkbox_tempat_kerja\", $$v)},expression:\"form.extra.checkbox_tempat_kerja\"}}),_c('v-autocomplete',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":!_vm.form.extra.checkbox_tempat_kerja ? 'Contoh. RS. Umum Islam Klaten' : 'Contoh. Klaten Selatan',\"search-input\":_vm.autocomplete.hospital,\"loading\":_vm.process.hospital,\"items\":_vm.config.hospital,\"item-value\":\"id\",\"item-text\":\"title\",\"item-color\":\"red darken-1\",\"return-object\":\"\",\"success\":Object.keys(_vm.form.extra.hospital).length > 0},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, \"hospital\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"hospital\", $event)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(Object.keys(_vm.form.extra.hospital).length > 0)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.hospital),callback:function ($$v) {_vm.$set(_vm.form.extra, \"hospital\", $$v)},expression:\"form.extra.hospital\"}})],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                    Spesialis (bisa dikosongi)\\n                  \")]),_c('v-text-field',{staticStyle:{\"max-width\":\"60%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Bedah\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.extra.specialist !== ''},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 [(_vm.form.extra.specialist !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.specialist),callback:function ($$v) {_vm.$set(_vm.form.extra, \"specialist\", $$v)},expression:\"form.extra.specialist\"}})],1),_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                      Kecamatan (bisa dikosongi)\\n                    \")]),_c('v-autocomplete',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"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\":\"red darken-1\",\"success\":_vm.form.extra.kecamatan_code !== ''},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)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.form.extra.kecamatan_code !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.kecamatan_code),callback:function ($$v) {_vm.$set(_vm.form.extra, \"kecamatan_code\", $$v)},expression:\"form.extra.kecamatan_code\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                      Kelurahan (bisa dikosongi)\\n                    \")]),_c('v-autocomplete',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"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\":\"red darken-1\",\"success\":_vm.form.extra.kelurahan_code !== ''},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 [(_vm.form.extra.kelurahan_code !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.kelurahan_code),callback:function ($$v) {_vm.$set(_vm.form.extra, \"kelurahan_code\", $$v)},expression:\"form.extra.kelurahan_code\"}})],1)],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                    Dukuh (boleh dikosongi)\\n                  \")]),_c('v-text-field',{staticStyle:{\"max-width\":\"55%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Kemiri\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.extra.dukuh !== ''},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 [(_vm.form.extra.dukuh !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.dukuh),callback:function ($$v) {_vm.$set(_vm.form.extra, \"dukuh\", $$v)},expression:\"form.extra.dukuh\"}})],1),_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('div',[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                        RT (boleh dikosongi)\\n                      \")]),_c('v-text-field',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 22\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.extra.rt !== ''},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 [(_vm.form.extra.rt !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.rt),callback:function ($$v) {_vm.$set(_vm.form.extra, \"rt\", $$v)},expression:\"form.extra.rt\"}})],1)]),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('div',[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                        RW (boleh dikosongi)\\n                      \")]),_c('v-text-field',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 10\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.extra.rw !== ''},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 [(_vm.form.extra.rw !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.extra.rw),callback:function ($$v) {_vm.$set(_vm.form.extra, \"rw\", $$v)},expression:\"form.extra.rw\"}})],1)])],1),_c('div',{staticClass:\"mt-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"password\",\"rules\":\"required|min:5|max:20\"},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                      Password\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"45%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. ******\",\"type\":_vm.show ? 'text' : 'password',\"append-icon\":_vm.show ? 'mdi-eye' : 'mdi-eye-off',\"counter\":20,\"vvvv-uppercase\":\"\",\"success\":_vm.form.password !== '' && 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)},\"click:append\":function($event){_vm.show = !_vm.show}},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                            Password \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.password !== '' && 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.password),callback:function ($$v) {_vm.$set(_vm.form, \"password\", $$v)},expression:\"form.password\"}})]}}])})],1)],1)],1)],1)],1)],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\":\"#B71C1C\",\"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}}},[_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\":\"400\",\"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.hide = false}},model:{value:(_vm.dialog.hide),callback:function ($$v) {_vm.$set(_vm.dialog, \"hide\", $$v)},expression:\"dialog.hide\"}},[_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\":\"30\"}},[_c('v-img',{attrs:{\"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\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n          Hide Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},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.hide = false; _vm.dialog.fullscreen = false;}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Hide\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.headers),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.hide = !item.hide ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.hide}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.hide ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],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\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false; _vm.addHides();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Hide\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"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.freeze = false}},model:{value:(_vm.dialog.freeze),callback:function ($$v) {_vm.$set(_vm.dialog, \"freeze\", $$v)},expression:\"dialog.freeze\"}},[_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\":\"30\"}},[_c('v-img',{attrs:{\"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\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n          Freeze Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},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.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Freeze\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.configHeaders),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.freeze = !item.freeze ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.freeze}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.freeze ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],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\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Freeze\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"750\",\"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_online = false}},model:{value:(_vm.dialog.form_online),callback:function ($$v) {_vm.$set(_vm.dialog, \"form_online\", $$v)},expression:\"dialog.form_online\"}},[_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\":\"30\"}},[_c('v-img',{attrs:{\"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\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-2\"},[_vm._v(\"\\n          Tambah Dokter Online\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},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_online = false}}},[_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_online\"},[_c('v-form',{staticClass:\"text-left\"},[_c('v-list',{attrs:{\"flat\":\"\",\"dense\":\"\",\"three-line\":\"\",\"color\":\"transparent\"}},[_c('v-list-item-group',[_vm._l((_vm.form_online),function(item,index){return _c('v-list-item',{key:index,staticClass:\"pa-0\",class:index >= _vm.form_online.length - 1 ? 'mb-1' : 'mb-4',staticStyle:{\"background\":\"#FFFFFF40\",\"border-radius\":\"10px\"}},[_c('v-list-item-avatar',{staticClass:\"mt-2\",staticStyle:{\"box-shadow\":\"rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px\"},attrs:{\"tile\":\"\",\"size\":\"60\"}},[_c('v-img',{staticClass:\"ma-auto\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"alt\":\"kominfo\",\"src\":item.user_image === '' ? require('@/assets/image/member-default.jpg') : item.user_image},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\":\"#B71C1C\"}})],1)]},proxy:true}],null,true)})],1),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"body-1 font-weight-bold color-default\",staticStyle:{\"margin-bottom\":\"6px\"}},[_vm._v(\"\\n                        \"+_vm._s(item.user_fullname)+\"\\n                      \")]),_c('v-list-item-subtitle',{staticClass:\"caption font-weight-light\"},[_c('div',{staticClass:\"mb-1 d-flex align-center\"},[_c('v-icon',{attrs:{\"x-small\":\"\"}},[_vm._v(\"mdi-email-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                            \"+_vm._s(item.user_email)+\"\\n                          \")])],1),_c('div',{staticClass:\"d-flex align-center\"},[_c('v-icon',{attrs:{\"x-small\":\"\"}},[_vm._v(\"mdi-phone-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                            \"+_vm._s(item.user_phone)+\"\\n                          \")])],1)]),_c('v-divider',{staticClass:\"mt-3\",staticStyle:{}}),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                            Tanggal\\n                            \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                              (wajib diisi)\\n                            \")])]),_c('v-menu',{ref:`picker${index}`,refInFor:true,attrs:{\"min-width\":\"290px\",\"max-width\":\"290px\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"nudge-right\":40,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('ValidationProvider',{attrs:{\"name\":`date${index}`,\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. 2022-10-13\",\"hide-details\":\"\",\"clearable\":\"\",\"success\":item.date !== '' && valid,\"error-messages\":errors},on:{\"click:clear\":function($event){item.date = ''}},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                                        Tanggal \"+_vm._s(errors[0])+\"\\n                                      \")])],1):_vm._e(),(item.date !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.date),callback:function ($$v) {_vm.$set(item, \"date\", $$v)},expression:\"item.date\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],null,true),model:{value:(item.picker),callback:function ($$v) {_vm.$set(item, \"picker\", $$v)},expression:\"item.picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#B71C1C\"},on:{\"input\":function($event){item.picker = false}},model:{value:(item.date),callback:function ($$v) {_vm.$set(item, \"date\", $$v)},expression:\"item.date\"}})],1)],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                            Jam Mulai\\n                            \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                              (wajib diisi)\\n                            \")])]),_c('v-menu',{ref:`start${index}`,refInFor:true,attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('ValidationProvider',{attrs:{\"name\":`start${index}`,\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"readonly\":\"\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 08:00\",\"clearable\":\"\",\"vvvv-uppercase\":\"\",\"success\":item.start_time !== '' && item.start_time !== null && 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)},\"click:clear\":function($event){item.start_time = ''}},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                                        Jam Mulai \"+_vm._s(errors[0])+\"\\n                                      \")])],1):_vm._e(),(item.start_time !== '' && item.start_time !== null && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.start_time),callback:function ($$v) {_vm.$set(item, \"start_time\", $$v)},expression:\"item.start_time\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],null,true),model:{value:(item.time.start),callback:function ($$v) {_vm.$set(item.time, \"start\", $$v)},expression:\"item.time.start\"}},[(item.time.start)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){item.time.start = false; item.start_time = `${item.start_time}:00`;}},model:{value:(item.start_time),callback:function ($$v) {_vm.$set(item, \"start_time\", $$v)},expression:\"item.start_time\"}}):_vm._e()],1)],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                            Jam Selesai\\n                            \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                              (wajib diisi)\\n                            \")])]),_c('v-menu',{ref:`end${index}`,refInFor:true,attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('ValidationProvider',{attrs:{\"name\":`end${index}`,\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"readonly\":\"\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 08:00\",\"clearable\":\"\",\"vvvv-uppercase\":\"\",\"success\":item.end_time !== '' && item.end_time !== null && 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)},\"click:clear\":function($event){item.end_time = ''}},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                                        Jam Mulai \"+_vm._s(errors[0])+\"\\n                                      \")])],1):_vm._e(),(item.end_time !== '' && item.end_time !== null && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.end_time),callback:function ($$v) {_vm.$set(item, \"end_time\", $$v)},expression:\"item.end_time\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],null,true),model:{value:(item.time.end),callback:function ($$v) {_vm.$set(item.time, \"end\", $$v)},expression:\"item.time.end\"}},[(item.time.end)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){item.time.end = false; item.end_time = `${item.end_time}:00`;}},model:{value:(item.end_time),callback:function ($$v) {_vm.$set(item, \"end_time\", $$v)},expression:\"item.end_time\"}}):_vm._e()],1)],1)],1)],1)],1)})],2)],1)],1)],1),(_vm.message.error.length > 0)?_c('v-alert',{attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.message.error)+\"\\n        \")]):_vm._e()],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\":\"#B71C1C\",\"elevation\":\"0\",\"disabled\":_vm.process.form_online,\"loading\":_vm.process.form_online},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save_online()},\"click\":function($event){return _vm.save_online()}}},[_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_online},on:{\"click\":function($event){_vm.dialog.form_online = false; _vm.form_online = [];}}},[_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.detail = {}; _vm.reset();}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Tambah\\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.detail = _vm.selected.row[0]; _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 === 1)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\",staticStyle:{\"background\":\"#e0e0e0\"},attrs:{\"to\":`/user/${_vm.selected.row[0].id}`,\"elevation\":\"0\"}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Detail\\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 green--text\",staticStyle:{\"background\":\"#4caf5033\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.to_save_online()}}},[_c('v-icon',{attrs:{\"size\":\"18\",\"color\":\"green\"}},[_vm._v(\"mdi-circle\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Online\\n                    \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\",\"vvvv-uppercase\":\"\"},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\"}}),_c('div',{staticClass:\"mr-3\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.freeze = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-table-split-cell\")])],1)]}}])},[_c('span',[_vm._v(\"\\n                      Freeze\\n                    \")])])],1),_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#7B7B7B\"},on:{\"click\":function($event){_vm.dialog.hide = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-eye-off-outline\")])],1)]}}])},[_c('span',[_vm._v(\"\\n                      Hide\\n                    \")])])],1)],1)],1)],1),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":`calc(100vh - ${_vm.pagination.total_data > 0 ? '330px' : '258px'})`,\"show-select\":_vm.checkbox_select,\"single-select\":false,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.configHeaders,\"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([_vm._l((_vm.configHeaders.filter((header) => header.hasOwnProperty('format'))),function(header){return {key:`item.${header.value}`,fn:function({ value }){return [_vm._v(\"\\n              \"+_vm._s(_vm.rowFormat(header.format, value))+\" \\n            \")]}}}),{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.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination},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=\"#B71C1C\">\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=\"900\"\n      persistent\n      scrollable>\n      <v-card \n        class=\"border-radius pa-2\">\n        <v-card-title \n          class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar \n            size=\"30\">\n            <v-img\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=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-2\">\n            {{ form.id === '' ? 'Tambah' : 'Ubah' }}\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=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.form = false\"\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              <v-row>\n                <v-col\n                  cols=\"12\"\n                  md=\"3\">\n                  <uploadfolder v-model=\"upload.folder\"\n                    style=\"position: sticky; top: 0;\">\n                    <div slot=\"activator\" class=\"cursor-pointer\">\n                      <v-card \n                        flat\n                        :height=\"!dialog.fullscreen ? 200 : 350\"\n                        class=\"d-flex align-center justify-center\"\n                        style=\"border-radius: 15px;\n                              border: 2px solid #eaeaea; \n                              border-style: dashed;\">\n                        <v-img v-if=\"!process.image && form.image !== ''\"\n                          alt=\"kominfo\" \n                          width=\"100%\"\n                          :height=\"!dialog.fullscreen ? 195 : 345\"\n                          gradient=\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)\"\n                          :src=\"form.image\"\n                          class=\"ma-auto d-flex align-center text-center\">\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=\"#B71C1C\">\n                              </v-progress-circular>\n                            </v-row>\n                          </template>\n\n                          <v-icon \n                            size=\"65\" \n                            color=\"white\">\n                            mdi-cloud-upload-outline\n                          </v-icon>\n                        </v-img>\n\n                        <v-icon v-if=\"!process.image && form.image === ''\"\n                          size=\"65\" \n                          color=\"grey\">\n                          mdi-cloud-upload-outline\n                        </v-icon>\n\n                        <v-progress-circular v-if=\"process.image\"\n                          indeterminate\n                          color=\"#B71C1C\">\n                        </v-progress-circular>\n                      </v-card>\n                    </div>\n                  </uploadfolder>\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  md=\"9\">\n                  <ValidationProvider \n                    name=\"fullname\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Nama Lengkap\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: 70%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      placeholder=\"Contoh. Dr. Subandono, MSc., Sp.PD\"\n                      \n                      v-model=\"form.fullname\"\n                      vvvv-uppercase\n                      :success=\"form.fullname !== '' && 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                            Nama Lengkap {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.fullname !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-text-field>\n                  </ValidationProvider>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"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\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=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. 081332XXXXXX\"\n                        \n                        v-model=\"form.phone\"\n                        vvvv-uppercase\n                        :success=\"form.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 {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.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                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"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\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: 50%;\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. XXXX@gmail.com\"\n                        \n                        v-model=\"form.email\"\n                        :success=\"form.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 {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.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 class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      Tentang (boleh dikosongi)\n                    </div>\n\n                    <quill-editor \n                      ref=\"myTextEditor\"\n                      :options=\"{\n                        placeholder: 'Contoh. Silahkan isi deskripsi / konten . . .'\n                      }\"\n                      v-model=\"form.extra.content\">\n                    </quill-editor>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <div class=\"body-2 mb-1\">\n                      Tempat Kerja (bisa dikosongi)\n                    </div>\n\n                    <v-checkbox\n                      v-model=\"form.extra.checkbox_tempat_kerja\"\n                      @click=\"form.extra.hospital = {}\"\n                      dense\n                      hide-details\n                      class=\"mb-3\"\n                      color=\"#B71C1C\">\n                      <template v-slot:label>\n                        <div>\n                          <v-tooltip bottom>\n                            <template v-slot:activator=\"{ on }\">\n                              <span\n                                class=\"body-2 black--text\"\n                                style=\"opacity: 60%;\"\n                                v-on=\"on\">\n                                Cek untuk memilih Puskesmas\n                              </span>\n                            </template>\n\n                            Jikan mencentang maka data yang Anda pilih berisi Puskesmas\n                          </v-tooltip>\n                        </div>\n                      </template>\n                    </v-checkbox>\n\n                    <v-autocomplete\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 70%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      :placeholder=\"!form.extra.checkbox_tempat_kerja ? 'Contoh. RS. Umum Islam Klaten' : 'Contoh. Klaten Selatan'\"\n\n                      :search-input.sync=\"autocomplete.hospital\"\n                      :loading=\"process.hospital\"\n                      \n                      :items=\"config.hospital\"\n                      item-value=\"id\"\n                      item-text=\"title\"\n                      item-color=\"red darken-1\"\n                      return-object\n\n                      v-model=\"form.extra.hospital\"\n                      :success=\"Object.keys(form.extra.hospital).length > 0\">\n                      <template v-slot:append-outer>\n                        <div v-if=\"Object.keys(form.extra.hospital).length > 0\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-autocomplete>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      Spesialis (bisa dikosongi)\n                    </div>\n                    \n                    <v-text-field\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 60%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      placeholder=\"Contoh. Bedah\"\n                      \n                      v-model=\"form.extra.specialist\"\n                      vvvv-uppercase\n                      :success=\"form.extra.specialist !== ''\">\n                      <template v-slot:append-outer>\n                        <div v-if=\"form.extra.specialist !== ''\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-text-field>\n                  </div>\n\n                  <v-row>\n                    <v-col\n                      cols=\"12\"\n                      md=\"5\"\n                      class=\"py-0\">\n                      <div class=\"body-2 mb-2\">\n                        Kecamatan (bisa dikosongi)\n                      </div>\n\n                      <v-autocomplete\n                        v-on:keyup.enter=\"save\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\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=\"red darken-1\"\n\n                        v-model=\"form.extra.kecamatan_code\"\n                        :success=\"form.extra.kecamatan_code !== ''\">\n                        <template v-slot:append-outer>\n                          <div v-if=\"form.extra.kecamatan_code !== ''\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-autocomplete>\n                    </v-col>\n\n                    <v-col\n                      cols=\"12\"\n                      md=\"5\"\n                      class=\"py-0\">\n                      <div class=\"body-2 mb-2\">\n                        Kelurahan (bisa dikosongi)\n                      </div>\n\n                      <v-autocomplete\n                        v-on:keyup.enter=\"save\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\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=\"red darken-1\"\n\n                        v-model=\"form.extra.kelurahan_code\"\n                        :success=\"form.extra.kelurahan_code !== ''\">\n                        <template v-slot:append-outer>\n                          <div v-if=\"form.extra.kelurahan_code !== ''\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-autocomplete>\n                    </v-col>\n                  </v-row>\n\n                  <div\n                    class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      Dukuh (boleh dikosongi)\n                    </div>\n                    \n                    <v-text-field\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 55%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      placeholder=\"Contoh. Kemiri\"\n                      \n                      v-model=\"form.extra.dukuh\"\n                      vvvv-uppercase\n                      :success=\"form.extra.dukuh !== ''\">\n                      <template v-slot:append-outer>\n                        <div v-if=\"form.extra.dukuh !== ''\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-text-field>\n                  </div>\n\n                  <v-row>\n                    <v-col\n                      cols=\"12\"\n                      md=\"4\"\n                      class=\"py-0\">\n                      <div>\n                        <div class=\"body-2 mb-2\">\n                          RT (boleh dikosongi)\n                        </div>\n                        \n                        <v-text-field\n                          v-on:keyup.enter=\"save\"\n                          dense\n                          outlined\n                          color=\"#B71C1C\"\n                          hide-details\n                          placeholder=\"Contoh. 22\"\n                          \n                          v-model=\"form.extra.rt\"\n                          vvvv-uppercase\n                          :success=\"form.extra.rt !== ''\">\n                          <template v-slot:append-outer>\n                            <div v-if=\"form.extra.rt !== ''\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n                        </v-text-field>\n                      </div>\n                    </v-col>\n\n                    <v-col\n                      cols=\"12\"\n                      md=\"4\"\n                      class=\"py-0\">\n                      <div>\n                        <div class=\"body-2 mb-2\">\n                          RW (boleh dikosongi)\n                        </div>\n                        \n                        <v-text-field\n                          v-on:keyup.enter=\"save\"\n                          dense\n                          outlined\n                          color=\"#B71C1C\"\n                          hide-details\n                          placeholder=\"Contoh. 10\"\n                          \n                          v-model=\"form.extra.rw\"\n                          vvvv-uppercase\n                          :success=\"form.extra.rw !== ''\">\n                          <template v-slot:append-outer>\n                            <div v-if=\"form.extra.rw !== ''\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n                        </v-text-field>\n                      </div>\n                    </v-col>\n                  </v-row>\n\n                  <div\n                    class=\"mt-6\">\n                    <ValidationProvider \n                      name=\"password\" \n                      rules=\"required|min:5|max:20\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Password\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=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. ******\"\n                        \n                        :type=\"show ? 'text' : 'password'\"\n                        :append-icon=\"show ? 'mdi-eye' : 'mdi-eye-off'\"\n                        @click:append=\"show = !show\"\n                        :counter=\"20\"\n                        \n                        v-model=\"form.password\"\n                        vvvv-uppercase\n                        :success=\"form.password !== '' && 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                              Password {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.password !== '' && 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                </v-col>\n              </v-row>\n            </v-form>\n          </ValidationObserver>\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=\"#B71C1C\"\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\">\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.hide\"\n      @keydown.esc=\"dialog.hide = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\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=\"30\">\n            <v-img\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=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-2\">\n            Hide Kolom\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=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.hide = false; dialog.fullscreen = false;\"\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=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Hide\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in headers\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.hide = !item.hide ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#B71C1C\"\n                            :input-value=\"item.hide\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.hide ? 'font-weight-bold color-first' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\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=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.hide = false; dialog.fullscreen = false; addHides();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Hide\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.freeze\"\n      @keydown.esc=\"dialog.freeze = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\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=\"30\">\n            <v-img\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=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-2\">\n            Freeze Kolom\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=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\"\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=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Freeze\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in configHeaders\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.freeze = !item.freeze ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#B71C1C\"\n                            :input-value=\"item.freeze\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.freeze ? 'font-weight-bold color-first' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\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=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Freeze\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.form_online\"\n      @keydown.esc=\"dialog.form_online = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"750\"\n      persistent\n      scrollable>\n      <v-card \n        class=\"border-radius pa-2\">\n        <v-card-title \n          class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar \n            size=\"30\">\n            <v-img\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=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-2\">\n            Tambah Dokter Online\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=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.form_online = false\"\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_online\">\n            <v-form class=\"text-left\">\n              <v-list \n                flat \n                dense\n                three-line\n                color=\"transparent\">\n                <v-list-item-group>\n                  <template>\n                    <v-list-item \n                      v-for=\"(item, index) in form_online\"\n                      :key=\"index\"\n                      :class=\"index >= form_online.length - 1 ? 'mb-1' : 'mb-4'\"\n                      class=\"pa-0\"\n                      style=\"background: #FFFFFF40; border-radius: 10px;\">\n                      <v-list-item-avatar \n                        tile \n                        size=\"60\"\n                        class=\"mt-2\"\n                        style=\"box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;\">\n                        <v-img \n                          style=\"border-radius: 5px;\"\n                          alt=\"kominfo\" \n                          :src=\"item.user_image === '' ? require('@/assets/image/member-default.jpg') : item.user_image\"\n                          class=\"ma-auto\">\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=\"#B71C1C\">\n                              </v-progress-circular>\n                            </v-row>\n                          </template>\n                        </v-img>\n                      </v-list-item-avatar>\n\n                      <v-list-item-content>\n                        <v-list-item-title\n                          class=\"body-1 font-weight-bold color-default\"\n                          style=\"margin-bottom: 6px;\">\n                          {{ item.user_fullname }}\n                        </v-list-item-title>\n\n                        <v-list-item-subtitle\n                          class=\"caption font-weight-light\">\n                          <div\n                            class=\"mb-1 d-flex align-center\">\n                            <v-icon x-small>mdi-email-outline</v-icon>\n\n                            <span\n                              class=\"ml-1\">\n                              {{ item.user_email }}\n                            </span>\n                          </div>\n\n                          <div\n                            class=\"d-flex align-center\">\n                            <v-icon x-small>mdi-phone-outline</v-icon>\n\n                            <span\n                              class=\"ml-1\">\n                              {{ item.user_phone }}\n                            </span>\n                          </div>\n                        </v-list-item-subtitle>\n\n                        <v-divider\n                          class=\"mt-3\"\n                          style=\"1px solid #e0e0e0;\" />\n\n                        <v-row>\n                          <v-col\n                            cols=\"4\">\n                            <div class=\"body-2 mb-2\">\n                              <span class=\"red--text\">*</span>\n                              Tanggal\n                              <span class=\"error--text\">\n                                (wajib diisi)\n                              </span>\n                            </div>\n\n                            <v-menu\n                              :ref=\"`picker${index}`\"\n                              min-width=\"290px\"\n                              max-width=\"290px\"\n                              transition=\"scale-transition\"\n                              offset-y\n                              :nudge-right=\"40\"\n                              :close-on-content-click=\"false\"\n                              v-model=\"item.picker\">\n                              <template v-slot:activator=\"{ on, attrs }\">\n                                <ValidationProvider \n                                  :name=\"`date${index}`\" \n                                  rules=\"required\"\n                                  v-slot=\"{ errors, valid }\">\n                                  <v-text-field\n                                    v-model=\"item.date\"\n                                    vvvv-uppercase\n                                    readonly\n                                    outlined\n                                    dense\n                                    color=\"#B71C1C\"\n                                    placeholder=\"Contoh. 2022-10-13\"\n                                    hide-details\n                                    clearable\n                                    @click:clear=\"item.date = ''\"\n                                    v-on=\"on\"\n                                    v-bind=\"attrs\"\n                                    :success=\"item.date !== '' && 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                                          Tanggal {{ errors[0] }}\n                                        </v-tooltip>\n                                      </div>\n\n                                      <div v-if=\"item.date !== '' && valid\">\n                                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                      </div>\n                                    </template>\n                                  </v-text-field>\n                                </ValidationProvider>\n                              </template>\n\n                              <v-date-picker \n                                color=\"#B71C1C\"\n                                v-model=\"item.date\"\n                                @input=\"item.picker = false\">\n                              </v-date-picker>\n                            </v-menu>\n                          </v-col>\n\n                          <v-col\n                            cols=\"4\">\n                            <div class=\"body-2 mb-2\">\n                              <span class=\"red--text\">*</span>\n                              Jam Mulai\n                              <span class=\"error--text\">\n                                (wajib diisi)\n                              </span>\n                            </div>\n\n                            <v-menu\n                              :ref=\"`start${index}`\"\n                              v-model=\"item.time.start\"\n                              :close-on-content-click=\"false\"\n                              :nudge-right=\"40\"\n                              transition=\"scale-transition\"\n                              offset-y\n                              max-width=\"290px\"\n                              min-width=\"290px\">\n                              <template v-slot:activator=\"{ on, attrs }\">\n                                <ValidationProvider \n                                  :name=\"`start${index}`\" \n                                  rules=\"required\"\n                                  v-slot=\"{ errors, valid }\">\n                                  <v-text-field\n                                    v-on:keyup.enter=\"save\"\n                                    v-bind=\"attrs\"\n                                    v-on=\"on\"\n                                    readonly\n                                    dense\n                                    outlined\n                                    color=\"#B71C1C\"\n                                    hide-details\n                                    placeholder=\"Contoh. 08:00\"\n\n                                    clearable\n                                    @click:clear=\"item.start_time = ''\"\n                                    \n                                    v-model=\"item.start_time\"\n                                    vvvv-uppercase\n                                    :success=\"item.start_time !== '' && item.start_time !== null && 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                                          Jam Mulai {{ errors[0] }}\n                                        </v-tooltip>\n                                      </div>\n\n                                      <div v-if=\"item.start_time !== '' && item.start_time !== null && valid\">\n                                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                      </div>\n                                    </template>\n                                  </v-text-field>\n                                </ValidationProvider>\n                              </template>\n\n                              <v-time-picker\n                                v-if=\"item.time.start\"\n                                v-model=\"item.start_time\"\n                                full-width\n                                format=\"24hr\"\n                                color=\"#B71C1C\"\n                                @click:minute=\"item.time.start = false; item.start_time = `${item.start_time}:00`;\">\n                              </v-time-picker>\n                            </v-menu>\n                          </v-col>\n\n                          <v-col\n                            cols=\"4\">\n                            <div class=\"body-2 mb-2\">\n                              <span class=\"red--text\">*</span>\n                              Jam Selesai\n                              <span class=\"error--text\">\n                                (wajib diisi)\n                              </span>\n                            </div>\n\n                            <v-menu\n                              :ref=\"`end${index}`\"\n                              v-model=\"item.time.end\"\n                              :close-on-content-click=\"false\"\n                              :nudge-right=\"40\"\n                              transition=\"scale-transition\"\n                              offset-y\n                              max-width=\"290px\"\n                              min-width=\"290px\">\n                              <template v-slot:activator=\"{ on, attrs }\">\n                                <ValidationProvider \n                                  :name=\"`end${index}`\" \n                                  rules=\"required\"\n                                  v-slot=\"{ errors, valid }\">\n                                  <v-text-field\n                                    v-on:keyup.enter=\"save\"\n                                    v-bind=\"attrs\"\n                                    v-on=\"on\"\n                                    readonly\n                                    dense\n                                    outlined\n                                    color=\"#B71C1C\"\n                                    hide-details\n                                    placeholder=\"Contoh. 08:00\"\n\n                                    clearable\n                                    @click:clear=\"item.end_time = ''\"\n                                    \n                                    v-model=\"item.end_time\"\n                                    vvvv-uppercase\n                                    :success=\"item.end_time !== '' && item.end_time !== null && 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                                          Jam Mulai {{ errors[0] }}\n                                        </v-tooltip>\n                                      </div>\n\n                                      <div v-if=\"item.end_time !== '' && item.end_time !== null && valid\">\n                                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                      </div>\n                                    </template>\n                                  </v-text-field>\n                                </ValidationProvider>\n                              </template>\n\n                              <v-time-picker\n                                v-if=\"item.time.end\"\n                                v-model=\"item.end_time\"\n                                full-width\n                                format=\"24hr\"\n                                color=\"#B71C1C\"\n                                @click:minute=\"item.time.end = false; item.end_time = `${item.end_time}:00`;\">\n                              </v-time-picker>\n                            </v-menu>\n                          </v-col>\n                        </v-row>\n                      </v-list-item-content>\n                    </v-list-item>\n                  </template>\n                </v-list-item-group>\n              </v-list>\n            </v-form>\n          </ValidationObserver>\n\n          <v-alert v-if=\"message.error.length > 0\"\n            type=\"error\" \n            dense\n            text \n            prominent>\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=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.form_online\"\n            :loading=\"process.form_online\"\n            v-on:keyup.enter=\"save_online()\"\n            @click=\"save_online()\">\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_online\"\n            @click=\"dialog.form_online = false; form_online = [];\">\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 \n                  cols=\"12\" \n                  md=\"8\" \n                  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; detail = {}; reset();\">\n                      <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Tambah\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; detail = selected.row[0]; 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\n                  <!-- DETAIL -->\n                  <div v-if=\"selected.row.length === 1\"\n                    class=\"mr-3\" >\n                    <v-btn\n                      :to=\"`/user/${selected.row[0].id}`\"\n                      elevation=\"0\"\n                      style=\"background: #e0e0e0;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\">\n                      <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Detail\n                      </span>\n                    </v-btn>\n                  </div>\n\n                  <!-- ONLINE -->\n                  <div v-if=\"selected.row.length > 0\"\n                    class=\"mr-3\">\n                    <v-btn\n                      @click=\"to_save_online()\"\n                      elevation=\"0\"\n                      style=\"background: #4caf5033;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\">\n                      <v-icon size=\"18\" color=\"green\">mdi-circle</v-icon>\n\n                      <span class=\"ml-1\">\n                        Online\n                      </span>\n                    </v-btn>\n                  </div>\n                </v-col>\n\n                <v-col \n                  cols=\"12\" \n                  md=\"4\" \n                  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=\"#B71C1C\"\n                    placeholder=\"Cari . . .\"\n                    append-icon=\"mdi-magnify\"\n                    clearable\n                    v-model=\"search\"\n                    vvvv-uppercase\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\">\n                  </v-text-field>\n\n                  <!-- FREEZE COLUMN -->\n                  <div class=\"mr-3\">\n                    <v-tooltip top>\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-btn\n                          elevation=\"0\"\n                          outlined\n                          dark\n                          min-width=\"36\"\n                          color=\"#B71C1C\"\n                          class=\"text-capitalize px-0\"\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          @click=\"dialog.freeze = true\">\n                          <v-icon size=\"18\">mdi-table-split-cell</v-icon>\n                        </v-btn>\n                      </template>\n\n                      <span>\n                        Freeze\n                      </span>\n                    </v-tooltip>\n                  </div>\n\n                  <!-- HIDE COLUMN -->\n                  <div>\n                    <v-tooltip top>\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-btn\n                          elevation=\"0\"\n                          outlined\n                          dark\n                          min-width=\"36\"\n                          color=\"#7B7B7B\"\n                          class=\"text-capitalize px-0\"\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          @click=\"dialog.hide = true\">\n                          <v-icon size=\"18\">mdi-eye-off-outline</v-icon>\n                        </v-btn>\n                      </template>\n\n                      <span>\n                        Hide\n                      </span>\n                    </v-tooltip>\n                  </div>\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\"\n              :height=\"`calc(100vh - ${pagination.total_data > 0 ? '330px' : '258px'})`\"\n              :show-select=\"checkbox_select\"\n              :single-select=\"false\"\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=\"configHeaders\"\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\n                v-for=\"header in configHeaders.filter((header) => header.hasOwnProperty('format'))\"\n                v-slot:[`item.${header.value}`]=\"{ value }\">\n                {{ rowFormat(header.format, value) }} \n              </template>\n\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.total_data > 0\"\n              @changePage=\"fetch($event)\" \n              @reloadPage=\"fetch($event)\" \n              :model=\"pagination\"/>\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  import moment from \"moment\"\n  import \"moment/locale/id\"\n  export default {\n    data () {\n      return {\n        show: false,\n        dialog: {\n          snackbar: false,\n          fullscreen: false,\n          form: false,\n          delete: false,\n          hide: false,\n          freeze: false,\n          form_online: false\n        },\n        search: '',\n        selected: {\n          row: [],\n          delete: [],\n          freeze: []\n        },\n        checkbox_select: true,\n        options: {},\n        headers: [],\n        detail: {},\n        list: {\n          data: []\n        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        upload: {\n          folder: null\n        },\n        autocomplete: {\n          subdistrict: '',\n          village: '',\n          hospital: ''\n        },\n        config: {\n          subdistrict: [],\n          village: [],\n          hospital: []\n        },\n        // checkbox_tempat_kerja: false,\n        form: {\n          id: '',\n          fullname: '',\n          email: '',\n          phone: '',\n          image: '',\n          password: '123456',\n          level: 'doctor',\n          extra: {\n            kecamatan_code: '',\n            kecamatan_name: '',\n            kelurahan_code: '',\n            kelurahan_name: '',\n            dukuh: '',\n            rt: '',\n            rw: '',\n            checkbox_tempat_kerja: false,\n            hospital: {},\n            specialist: '',\n            content: ''\n          }\n        },\n        form_online: [],\n        process: {\n          load: false,\n          form: false,\n          image: false,\n          delete: false,\n          subdistrict: false,\n          village: false,\n          hospital: false,\n          form_online: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue'),\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue')\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      'upload.folder': {\n        handler: function () {\n          if (this.upload.folder) {\n            this.process.image = this.upload.folder.process\n\n            if (!this.process.image) {\n              // CALLBACK FROM UPLOAD IMAGE\n              this.form.image = this.upload.folder.data.full.file_url\n            }\n          }\n        },\n        deep: true\n      },\n      'form.extra.kecamatan_code': function() {\n        let t = this\n        let kec = this.config.subdistrict.filter(function(v) {\n          return t.form.extra.kecamatan_code == v.kecamatan_code\n        })\n\n        if (kec.length > 0) {\n          this.form.extra.kecamatan_name = kec[0].kecamatan_name\n\n          this.form.extra.kelurahan_code = ''\n          this.form.extra.kelurahan_name = ''\n        }\n\n        this.static().village()\n      },\n      'form.extra.kelurahan_code': function() {\n        let t = this\n        let kel = this.config.village.filter(function(v) {\n          return t.form.extra.kelurahan_code == v.desa_code\n        })\n\n        if (kel.length > 0) {\n          this.form.extra.kelurahan_name = kel[0].desa_name\n        }\n      },\n      'autocomplete.subdistrict': function() {\n        this.static().subdistrict()\n      },\n      'autocomplete.village': function() {\n        this.static().village()\n      },\n      'autocomplete.hospital': function() {\n        this.static().hospital()\n      },\n      'form.extra.checkbox_tempat_kerja': function() {\n        // this.form.extra.hospital = {}\n\n        this.static().hospital()\n      }\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      },\n      configHeaders () {\n        return this.headers.filter(header => !header.hide)  \n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      rowFormat (format, value) {\n        let data = value\n\n        if (format === 'number') {\n          if (isNaN(value)) return 'Not a Number'\n          let price = ''\n\n          const reverseNumber = value\n            .toString()\n            .split('')\n            .reverse()\n            .join('')\n          const arrReverseNumber = [...Array(reverseNumber.length).keys()]\n\n          arrReverseNumber.map(index => {\n            if (index % 3 === 0) price += reverseNumber.substr(index, 3) + '.'\n          })\n\n          return `${\n            price.split('', price.length - 1)\n            .reverse()\n            .join('')\n          }`\n        } else if (format === 'array') {\n          let arr = []\n\n          for (let i = 0; i < value.length; i++) {\n            arr.push(value[i].title)\n          }\n\n          data = arr.join(', ')\n        } else if (format === 'datetime') {\n          data = value.length > 0 ? moment(value).format(format === 'date' ? 'D MMM, YYYY' : format === 'time' ? 'HH:mm' : 'D MMM, YYYY HH:mm') : '-'\n        } else if (format === 'object') {\n          data = value.createdby.name\n        } else if (format === 'regex') {\n          let regex = /(<([^>]+)>)/ig\n\n          data = value.replace(regex, '')\n        } else if (format === 'on_off') {\n          data = value ? 'Online' : 'Offline'\n        } else if (format === 'g_m') {\n          data = value ? 'Mandiri' : 'Group'\n        } else if (format === 'v_a') {\n          data = value ? 'Sudah Verifikasi' : 'Belum Verifikasi'\n        } else {\n          data = value ? 'Aktif' : 'Tidak Aktif'\n        }\n        return data\n      },\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          is_verified: 1,\n          level: 'doctor'\n        }\n\n        this.selected.row = []\n\n        await get('user', { 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: 'Email',\n                width: '200px',\n                value: 'email',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Telepon',\n                width: '200px',\n                value: 'phone',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Level',\n                width: '200px',\n                value: 'level',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Tanggal Daftar',\n                width: '200px',\n                value: 'create_datetime',\n                freeze: false,\n                hide: false,\n                format: 'datetime'\n              },\n              {\n                text: 'Online',\n                width: '200px',\n                value: 'is_online',\n                freeze: false,\n                hide: false,\n                format: 'on_off'\n              },\n              // {\n              //   text: 'Jam Mulai',\n              //   width: '150px',\n              //   value: 'online_start_time',\n              //   freeze: false,\n              //   hide: false\n              // },\n              // {\n              //   text: 'Jam Selesai',\n              //   width: '150px',\n              //   value: 'online_end_time',\n              //   freeze: false,\n              //   hide: false\n              // },\n              {\n                text: 'Status',\n                width: '200px',\n                value: 'is_verified',\n                freeze: false,\n                hide: false,\n                format: 'v_a'\n              }\n            ]\n            \n            this.list.data = res.data\n            this.pagination = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n\n            this.addFreezes()\n\n            this.$vuetify.goTo(this.$refs['table-grid'], { container: this.$refs['table-grid'].$el.querySelector('div.v-data-table__wrapper') })\n\n            if (this.headers.length < 7 && this.list.length > 0) this.getTableToResize()\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.extra.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          async hospital () {\n            t.process.hospital = true\n\n            let params = {\n              limit: 10000\n            }\n            \n            let url = !t.form.extra.checkbox_tempat_kerja ? 'data/rumah_sakit' : 'data/puskesmas'\n\n            await get(url, { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.hospital = false\n\n                t.config.hospital = 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          fullname: item !== undefined ? item.fullname : '',\n          email: item !== undefined ? item.email : '',\n          phone: item !== undefined ? item.phone : '',\n          image: item !== undefined ? item.image : '',\n          password: '123456',\n          level: item !== undefined ? item.password : 'doctor',\n          extra: item !== undefined ? item.extra : {\n            kecamatan_code: '',\n            kecamatan_name: '',\n            kelurahan_code: '',\n            kelurahan_name: '',\n            dukuh: '',\n            rt: '',\n            rw: '',\n            hospital: {},\n            specialist: '',\n            content: ''\n          }\n        }\n\n        this.process.form = false\n\n        this.message.error = ''\n      },\n      async save () {\n        this.message.error = ''\n        const isValid = await this.$refs.form.validate()\n\n        if (isValid) {\n          this.process.form = true\n\n          let url = this.form.id === '' ? 'user/create' : 'user/update'\n          \n          // SAVE TO REST API\n          await post(url, {\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.fetch()\n            } else {\n              this.message.error = res.message\n            }\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      addFreezes () {\n        this.removeFreezes()\n\n        this.selected.freeze = []\n\n        for (let i = 0; i < this.configHeaders.length; i++) {\n          if (this.configHeaders[i].freeze) {\n            // ADD TO SELECTOR\n            this.selected.freeze.push({\n              child: i + (this.checkbox_select ? 2 : 1),\n              width: this.configHeaders[i].width.split('px')[0]\n            })\n\n            // LOOP STYLESHEET\n            for (let f = 0; f < this.selected.freeze.length; f++) {\n              let style = document.createElement('style'),\n                  width = 0\n              \n              if (this.checkbox_select) {\n                width = f < 1 ? '65' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) + 65 : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width) + 65\n              } else {\n                width = f < 1 ? '0' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width)\n              }\n\n              // ADD STYLESHET TO FREEZE\n              style.innerHTML = `\n                .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 5;\n                  background: #B71C1C;\n                }\n\n                .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 1;\n                }\n              `\n\n              // ADD TO APPENDCHILD\n              document.head.appendChild(style)\n            }\n          }\n        }\n      },\n      removeFreezes () {\n        // LOOP STYLESHEET\n        for (let f = 0; f < this.selected.freeze.length; f++) {\n          let style = document.createElement('style')\n          \n          // RESET STYLESHEET TO AUTO\n          style.innerHTML = `\n            .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n              background: #B71C1C;\n            }\n\n            .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n            }\n          `\n\n          // ADD TO APPENDCHILD\n          document.head.appendChild(style)\n        }\n      },\n      addHides () {\n        if (this.headers.length < 6) this.getTableToResize()\n      },\n      getTableToResize () {\n        let tables = document.getElementsByTagName('table')\n\n        for (let i = 0; i < tables.length; i++) {\n          this.resizableGrid(tables[i])\n        }\n      },\n      resizableGrid (table) {\n        let row = table.getElementsByTagName('tr')[0],\n            cols = row ? row.children : undefined\n        \n        if (!cols) return\n        \n        table.style.overflow = 'hidden'\n        \n        let tableHeight = table.offsetHeight\n        \n        for (let i = 0; i < cols.length; i++) {\n          let div = createDiv(tableHeight)\n          cols[i].appendChild(div)\n          cols[i].style.position = 'relative'\n\n          setListeners(div)\n        }\n\n        function setListeners (div) {\n          let pageX, curCol, nxtCol, curColWidth, nxtColWidth\n\n          div.addEventListener('mousedown', e => {\n            curCol = e.target.parentElement\n            nxtCol = curCol.nextElementSibling\n            pageX = e.pageX\n            \n            let padding = paddingDiff(curCol)\n            \n            curColWidth = curCol.offsetWidth - padding\n\n            if (nxtCol) nxtColWidth = nxtCol.offsetWidth - padding\n          })\n\n          div.addEventListener ('mouseover', e => {\n            e.target.style.borderRight = '2px solid #e0e0e0'\n          })\n\n          div.addEventListener ('mouseout', e => {\n            e.target.style.borderRight = ''\n          })\n\n          document.addEventListener ('mousemove', e => {\n            if (curCol) {\n              let diffX = e.pageX - pageX\n          \n              if (nxtCol) nxtCol.style.width = (nxtColWidth - (diffX))+'px'\n\n              curCol.style.width = (curColWidth + diffX)+'px'\n            }\n          })\n\n          document.addEventListener ('mouseup', () => { \n            curCol = undefined\n            nxtCol = undefined\n            pageX = undefined\n            nxtColWidth = undefined\n            curColWidth = undefined\n          })\n        }\n\n        function createDiv (height) {\n          let div = document.createElement('div')\n\n          div.style.top = 0\n          div.style.right = 0\n          div.style.width = '1px'\n          div.style.position = 'absolute'\n          div.style.cursor = 'col-resize'\n          div.style.userSelect = 'none'\n          div.style.height = height + 'px'\n          div.style.background = '#e0e0e0'\n\n          return div\n        }\n\n        function paddingDiff (col) {\n          if (getStyleVal(col,'box-sizing') == 'border-box') {\n            return 0\n          }\n          \n          let padLeft = getStyleVal(col,'padding-left')\n          let padRight = getStyleVal(col,'padding-right')\n\n          return (parseInt(padLeft) + parseInt(padRight))\n        }\n\n        function getStyleVal (elm,css) {\n          return (window.getComputedStyle(elm, null).getPropertyValue(css))\n        }\n      },\n\n      // ONLINE\n      to_save_online () {\n        this.form_online = []\n\n        this.selected.row.map(obj => {\n          this.form_online.push({\n            user_id : obj.id,\n            user_fullname : obj.fullname,\n            user_email : obj.email,\n            user_phone : obj.phone,\n            user_image : obj.image,\n            date : '',\n            start_time : '',\n            end_time : '',\n            picker: false,\n            time: {\n              start: false,\n              end: false\n            }\n          })\n        })\n\n        this.dialog.form_online = true\n      },\n      async save_online () {\n        this.message.error = ''\n        const isValid = await this.$refs.form_online.validate()\n\n        if (isValid) {\n          this.process.form_online = true\n\n          // SAVE TO REST API\n          await post('doctor/schedule_online/create_bulk', {\n            data: {\n              data_bulk: this.form_online\n            }\n          })\n          .then(response => {\n            let res = response.data\n\n            this.process.form_online = false\n\n            if (res.code === 200) {\n              this.dialog.form_online = false\n\n              this.dialog.snackbar = true\n\n              this.message.success = res.message\n\n              this.fetch()\n            } else {\n              this.message.error = res.message\n            }\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    }\n  }\n</script>\n\n<style>\n  .table-grid table thead > tr > th, .table-grid table tbody > tr > td {\n    position: sticky;\n    position: -webkit-sticky;\n    border-right: 1px solid #e0e0e0;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .table-grid table > thead > tr > th:nth-child(1) {\n    left: 0; \n    z-index: 5;\n    background: #B71C1C;\n  }\n\n  .table-grid table > tbody > tr > td:nth-child(1) {\n    left: 0; \n    z-index: 1;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(even) .text-start, table > tbody > tr:nth-of-type(even) .text-center, table > tbody > tr:nth-of-type(even) .text-end {\n    background: #fafafa;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(odd) .text-start, table > tbody > tr:nth-of-type(odd) .text-center, table > tbody > tr:nth-of-type(odd) .text-end {\n    background: white;\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!./doctor.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!./doctor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./doctor.vue?vue&type=template&id=63562db5&\"\nimport script from \"./doctor.vue?vue&type=script&lang=js&\"\nexport * from \"./doctor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./doctor.vue?vue&type=style&index=0&id=63562db5&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","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!./doctor.vue?vue&type=style&index=0&id=63562db5&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/favicon.efeebc84.png\";","module.exports = __webpack_public_path__ + \"img/member-default.2483d555.jpg\";"],"sourceRoot":""}