{"version":3,"sources":["webpack:///./src/components/user/doctor_online.vue","webpack:///src/components/user/doctor_online.vue","webpack:///./src/components/user/doctor_online.vue?5c89","webpack:///./src/components/user/doctor_online.vue?d742"],"names":["staticClass","domProps","_vm","_c","attrs","dialog","callback","expression","scopedSlots","fn","on","_v","step_online","fetchDoctor","value","model","selected","key","index","staticStyle","item","active","proxy","refInFor","errors","valid","_u","start_time","$set","start","ref","end_time","$$v","end","_e","form","picker","date","time","toPushDoctor","process","$event","require","fullscreen","delete","reset","detail","search","configHeaders","list","lastIndex","directives","name","pagination","total_data","fetch","staticRenderFns","data","show","snackbar","search_doctor","row","doctor","checkbox_select","options","headers","limit","id","user_id","load","message","success","error","components","watch","handler","page","deep","computed","user","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","handleToggleAll","sort","order_by","params","then","text","width","sortable","freeze","hide","align","is_verified","level","user_fullname","user_image","user_email","user_phone","forms","data_bulk","setTimeout","map","filter","behavior","block","toDelete","ids","component"],"mappings":"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CAAClD,MAAM,CAAC,IAAO,QAAKiD,QAAW,mBAAI,IAA+B,MAAOnD,CAAG,EAACqD,GAAMd,mBAAO,uDAAgC,CAAwB,iBAAC,mBAAIvC,IAEjs9BsD,SAAe,GAAG,mBAAE,0C,ihBCygCxB,G,UAAA,CACAC,OACA,OACAC,QACArD,QACAsD,YACAhB,cACAR,QACAS,WAEAG,UACAa,iBACA5C,UACA6C,OACAjB,UACAkB,WAEAC,mBACAC,WACAC,WACAnB,UACAG,MACAQ,QACAK,WAEAI,SACAb,cACAH,YACAtC,cACAuB,MAEAc,QAEAkB,MACAC,WACA/B,QACAV,cACAI,YACAK,UACAE,MACAT,SACAI,SAGAO,SACA6B,QACAlC,QACAS,UACAkB,WAEAQ,SACAC,WACAC,YAIAC,YACApB,gEAEAqB,OACA,SACAC,UACA,OAAAd,eAAAe,QACA,eAEAC,UAGAC,UACAC,OACA,+BAEA/B,gBACA,yCAGAgC,UACA,cAEAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGAhC,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCAEAA,wBAEA,UAEAiC,cACA7B,yBAEA8B,mBACA,iCAEA,eAAA9B,OAAAe,SACA,qBAEA,iBAEA,OACAV,YACAU,YACAgB,8DACAC,+CACA9C,oBAGA,2BAEA,yCAAA+C,WACAC,SACA,aAEA,qBAEA,eACA,cACA,CACAC,WACAC,aACAnF,cACAoF,YACAC,UACAC,QACAC,gBAEA,CACAL,oBACAC,cACAnF,sBACAqF,UACAC,SAEA,CACAJ,eACAC,cACAnF,aACAqF,UACAC,SAEA,CACAJ,iBACAC,cACAnF,mBACAqF,UACAC,SAEA,CACAJ,mBACAC,cACAnF,iBACAqF,UACAC,UAIA,sBACA,6BAEA,gCACA,sBAIA,oBACA,uBAEA,OACArD,0BACAuD,cACAC,eACArC,iBAGA,uBAAA4B,WACAC,SACA,aAEA,uBAEA,eACA,4BAIAlD,SACA,yCAEA,wBAEA,WAEAI,QAEAkB,sBACAC,gCACAoC,4CAGAC,sCACApE,0BACAV,sCACAI,kCACAK,UACAE,MACAT,SACAI,SAIA,qBAEA,uBAEAM,eACA,6BACA,qBACA6B,aACAoC,yBACAE,mBACAC,mBACAF,mBACApE,QACAV,cACAI,YACAK,UACAE,MACAT,SACAI,aAKA,aACA,sBACA,yCAEA,MACA,qBAEA,6FACA2E,qBACAC,0BACA,gBAGA,kBACApD,SAEAsC,SACA,aAEA,qBAEA,cACA,oBAEA,wBAEA,+BAEA,cAEA,oCAMAe,gBACA,+CACAC,eAAA9F,MAAAH,WACAkG,6BACA,sDACAC,kBACAC,kBAEA,KAGAC,WACA,wBAEA,+BACA,6DAGA,uBAEA,gBACA,sBAEA,6BAEA,gDACA1D,MACA2D,4BAEA,SACA,aAEA,cACA,uBACA,sBAEA,qBACA,wBAEA,wBACA,+BAEA,0BAEA,eAEA,uBACA,oCCj3CsW,I,YCOlWC,EAAY,eACd,EACA,EACA7D,GACA,EACA,KACA,KACA,MAIa,aAAA6D,E","file":"js/chunk-2d0b6787.6170da45.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\":\"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 = 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')+\" 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 = false}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),(_vm.step_online === 1)?_c('div',{staticClass:\"pt-2 px-4\"},[_c('v-text-field',{attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){_vm.search_doctor = ''; _vm.fetchDoctor();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetchDoctor()}},model:{value:(_vm.search_doctor),callback:function ($$v) {_vm.search_doctor=$$v},expression:\"search_doctor\"}})],1):_vm._e(),_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[(_vm.step_online === 1)?_c('v-list',{attrs:{\"flat\":\"\",\"dense\":\"\",\"color\":\"transparent\"}},[_c('v-list-item-group',{attrs:{\"multiple\":\"\"},model:{value:(_vm.selected.doctor),callback:function ($$v) {_vm.$set(_vm.selected, \"doctor\", $$v)},expression:\"selected.doctor\"}},[_vm._l((_vm.process.doctor ? 8 : _vm.list.doctor),function(item,index){return _c('v-skeleton-loader',{key:index,staticClass:\"ma-auto\",attrs:{\"loading\":_vm.process.doctor,\"type\":\"list-item-avatar-three-line\"}},[_c('div',[(!_vm.process.doctor && _vm.list.doctor.length > 0)?_c('v-list-item',{staticClass:\"mb-2 pa-0\",staticStyle:{\"background\":\"#FFFFFF40\",\"border-radius\":\"10px\"},attrs:{\"value\":item},scopedSlots:_vm._u([{key:\"default\",fn:function({ active }){return [_c('v-list-item-avatar',{staticClass:\"mt-3\",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.image === '' ? require('@/assets/image/member-default.jpg') : item.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.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.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.phone)+\"\\n                                \")])],1)])],1),_c('v-list-item-action',[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":active}})],1)]}}],null,true)}):_vm._e()],1)])})],2)],1):_vm._e(),(_vm.step_online === 2 && _vm.form.id === '')?_c('v-list',{attrs:{\"flat\":\"\",\"dense\":\"\",\"three-line\":\"\",\"color\":\"transparent\"}},[_c('v-list-item-group',[_vm._l((_vm.form.list),function(item,index){return _c('v-list-item',{key:index,staticClass:\"pa-0\",class:index >= _vm.form.list.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):_vm._e(),(_vm.step_online === 2 && _vm.form.id !== '')?_c('v-list',{attrs:{\"flat\":\"\",\"dense\":\"\",\"three-line\":\"\",\"color\":\"transparent\"}},[_c('v-list-item-group',[[_c('v-list-item',{staticClass:\"pa-0\",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\":_vm.form.user_image === '' ? require('@/assets/image/member-default.jpg') : _vm.form.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,false,2714157888)})],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(_vm.form.user_fullname)+\"\\n                      \")]),_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\",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\",\"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\":_vm.form.date !== '' && valid,\"error-messages\":errors},on:{\"click:clear\":function($event){_vm.form.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(),(_vm.form.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:(_vm.form.date),callback:function ($$v) {_vm.$set(_vm.form, \"date\", $$v)},expression:\"form.date\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],null,false,2861340111),model:{value:(_vm.form.picker),callback:function ($$v) {_vm.$set(_vm.form, \"picker\", $$v)},expression:\"form.picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#B71C1C\"},on:{\"input\":function($event){_vm.form.picker = false}},model:{value:(_vm.form.date),callback:function ($$v) {_vm.$set(_vm.form, \"date\", $$v)},expression:\"form.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\",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\",\"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\":_vm.form.start_time !== '' && _vm.form.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){_vm.form.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(),(_vm.form.start_time !== '' && _vm.form.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:(_vm.form.start_time),callback:function ($$v) {_vm.$set(_vm.form, \"start_time\", $$v)},expression:\"form.start_time\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],null,false,1395200420),model:{value:(_vm.form.time.start),callback:function ($$v) {_vm.$set(_vm.form.time, \"start\", $$v)},expression:\"form.time.start\"}},[(_vm.form.time.start)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){_vm.form.time.start = false; _vm.form.start_time = `${_vm.form.start_time}:00`;}},model:{value:(_vm.form.start_time),callback:function ($$v) {_vm.$set(_vm.form, \"start_time\", $$v)},expression:\"form.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\",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\",\"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\":_vm.form.end_time !== '' && _vm.form.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){_vm.form.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(),(_vm.form.end_time !== '' && _vm.form.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:(_vm.form.end_time),callback:function ($$v) {_vm.$set(_vm.form, \"end_time\", $$v)},expression:\"form.end_time\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],null,false,4258848459),model:{value:(_vm.form.time.end),callback:function ($$v) {_vm.$set(_vm.form.time, \"end\", $$v)},expression:\"form.time.end\"}},[(_vm.form.time.end)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){_vm.form.time.end = false; _vm.form.end_time = `${_vm.form.end_time}:00`;}},model:{value:(_vm.form.end_time),callback:function ($$v) {_vm.$set(_vm.form, \"end_time\", $$v)},expression:\"form.end_time\"}}):_vm._e()],1)],1)],1)],1)],1)]],2)],1):_vm._e()],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'),(_vm.step_online === 1)?_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.step_online = 2; _vm.toPushDoctor()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Selanjutnya\\n        \")],1):_vm._e(),(_vm.step_online === 2)?_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):_vm._e(),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.form = false; _vm.selected.doctor = []; _vm.form = []; _vm.step_online = 0;}}},[_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\":\"450\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.delete = false}},model:{value:(_vm.dialog.delete),callback:function ($$v) {_vm.$set(_vm.dialog, \"delete\", $$v)},expression:\"dialog.delete\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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          Hapus Data\\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.delete = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_vm._v(\"\\n        Apakah Anda yakin menghapus data Dokter Online yang Anda pilih?\\n      \")]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\",\"disabled\":_vm.process.delete,\"loading\":_vm.process.delete},on:{\"click\":function($event){return _vm.deletes()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Hapus\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.delete},on:{\"click\":function($event){_vm.dialog.delete = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center cyan--text text-darken-1\",staticStyle:{\"background\":\"#00acc133\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = {}; _vm.reset(); _vm.fetchDoctor(); _vm.step_online = 1;}}},[_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]); _vm.step_online = 2;}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-circle-edit-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Ubah\\n                    \")])],1)],1):_vm._e(),(_vm.selected.row.length > 0)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\",staticStyle:{\"background\":\"#f4403433\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toDelete()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-delete-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Hapus\\n                    \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{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\"}})],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=\"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            {{ form.id === '' ? 'Tambah' : 'Ubah' }} 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 = 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        <div v-if=\"step_online === 1\"\n          class=\"pt-2 px-4\">\n          <v-text-field \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_doctor\"\n            vvvv-uppercase\n            @click:clear=\"search_doctor = ''; fetchDoctor();\"\n            v-on:keyup.enter=\"fetchDoctor()\">\n          </v-text-field>\n        </div>\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-list v-if=\"step_online === 1\"\n                flat \n                dense\n                color=\"transparent\">\n                <v-list-item-group\n                  v-model=\"selected.doctor\"\n                  multiple>\n                  <template>\n                    <v-skeleton-loader\n                      v-for=\"(item, index) in process.doctor ? 8 : list.doctor\"\n                      :key=\"index\"\n                      class=\"ma-auto\"\n                      :loading=\"process.doctor\"\n                      type=\"list-item-avatar-three-line\">\n                      <div>\n                        <v-list-item v-if=\"!process.doctor && list.doctor.length > 0\"\n                          :value=\"item\"\n                          class=\"mb-2 pa-0\"\n                          style=\"background: #FFFFFF40; border-radius: 10px;\">\n                          <template v-slot:default=\"{ active }\">\n                            <v-list-item-avatar \n                              tile \n                              size=\"60\"\n                              class=\"mt-3\"\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.image === '' ? require('@/assets/image/member-default.jpg') : item.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.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.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.phone }}\n                                  </span>\n                                </div>\n                              </v-list-item-subtitle>\n                            </v-list-item-content>\n\n                            <v-list-item-action>\n                              <v-checkbox \n                                color=\"#B71C1C\"\n                                :input-value=\"active\">\n                              </v-checkbox>\n                            </v-list-item-action>\n                          </template>\n                        </v-list-item>\n                      </div>\n                    </v-skeleton-loader>\n                  </template>\n                </v-list-item-group>\n              </v-list>\n\n              <v-list v-if=\"step_online === 2 && form.id === ''\"\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.list\"\n                      :key=\"index\"\n                      :class=\"index >= form.list.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\n              <v-list v-if=\"step_online === 2 && form.id !== ''\"\n                flat \n                dense\n                three-line\n                color=\"transparent\">\n                <v-list-item-group>\n                  <template>\n                    <v-list-item \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=\"form.user_image === '' ? require('@/assets/image/member-default.jpg') : form.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                          {{ form.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\"\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=\"form.picker\">\n                              <template v-slot:activator=\"{ on, attrs }\">\n                                <ValidationProvider \n                                  name=\"date\" \n                                  rules=\"required\"\n                                  v-slot=\"{ errors, valid }\">\n                                  <v-text-field\n                                    v-model=\"form.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=\"form.date = ''\"\n                                    v-on=\"on\"\n                                    v-bind=\"attrs\"\n                                    :success=\"form.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=\"form.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=\"form.date\"\n                                @input=\"form.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\"\n                              v-model=\"form.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\" \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=\"form.start_time = ''\"\n                                    \n                                    v-model=\"form.start_time\"\n                                    vvvv-uppercase\n                                    :success=\"form.start_time !== '' && form.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=\"form.start_time !== '' && form.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=\"form.time.start\"\n                                v-model=\"form.start_time\"\n                                full-width\n                                format=\"24hr\"\n                                color=\"#B71C1C\"\n                                @click:minute=\"form.time.start = false; form.start_time = `${form.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\"\n                              v-model=\"form.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\" \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=\"form.end_time = ''\"\n                                    \n                                    v-model=\"form.end_time\"\n                                    vvvv-uppercase\n                                    :success=\"form.end_time !== '' && form.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=\"form.end_time !== '' && form.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=\"form.time.end\"\n                                v-model=\"form.end_time\"\n                                full-width\n                                format=\"24hr\"\n                                color=\"#B71C1C\"\n                                @click:minute=\"form.time.end = false; form.end_time = `${form.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 v-if=\"step_online === 1\"\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"step_online = 2; toPushDoctor()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Selanjutnya\n          </v-btn>\n\n          <v-btn v-if=\"step_online === 2\"\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; selected.doctor = []; form = []; step_online = 0;\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.delete\"\n      @keydown.esc=\"dialog.delete = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"450\"\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=\"mt-1 ml-2\">\n            Hapus Data\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.delete = false; dialog.fullscreen = false; selected.delete = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          Apakah Anda yakin menghapus data Dokter Online yang Anda pilih?\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.delete\"\n            :loading=\"process.delete\"\n            @click=\"deletes()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Hapus\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.delete\"\n            @click=\"dialog.delete = false; dialog.fullscreen = false; selected.delete = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-card \n            flat \n            style=\"border: 1px solid #E0E0E0;\">\n            <v-card-text>\n              <v-row>\n                <v-col \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(); fetchDoctor(); step_online = 1;\">\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]); step_online = 2;\">\n                      <v-icon size=\"18\">mdi-circle-edit-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Ubah\n                      </span>\n                    </v-btn>\n                  </div>\n\n                  <!-- DELETE -->\n                  <div class=\"mr-3\" v-if=\"selected.row.length > 0\">\n                    <v-btn\n                      elevation=\"0\"\n                      style=\"background: #f4403433;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\"\n                      @click=\"toDelete()\">\n                      <v-icon size=\"18\">mdi-delete-circle-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Hapus\n                      </span>\n                    </v-btn>\n                  </div>\n                </v-col>\n\n                <v-col \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                </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        },\n        search: '',\n        search_doctor: '',\n        selected: {\n          row: [],\n          delete: [],\n          doctor: []\n        },\n        checkbox_select: true,\n        options: {},\n        headers: [],\n        detail: {},\n        list: {\n          data: [],\n          doctor: []\n        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        step_online: 1,\n        form: {\n          // LIST / MULTIPLE\n          list: [],\n\n          id: '',\n          user_id: '',\n          date: '',\n          start_time: '',\n          end_time: '',\n          picker: false,\n          time: {\n            start: false,\n            end: false\n          }\n        },\n        process: {\n          load: false,\n          form: false,\n          delete: false,\n          doctor: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\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    },\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        }\n\n        this.selected.row = []\n\n        await get('doctor/schedule_online', { 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: 'user_fullname',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Tanggal',\n                width: '200px',\n                value: 'date',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Jam Mulai',\n                width: '200px',\n                value: 'start_time',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Jam Selesai',\n                width: '200px',\n                value: 'end_time',\n                freeze: false,\n                hide: false\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        })\n      },\n      async fetchDoctor () {\n        this.process.doctor = true\n\n        let params = {\n          search: this.search_doctor,\n          is_verified: 1,\n          level: 'doctor',\n          limit: 10000\n        }\n\n        await get('user', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.doctor = false\n            \n          if (res.code === 200) {\n            this.list.doctor = res.data\n          }\n        })\n      },\n      reset (item) {\n        if (this.$refs.form) this.$refs.form.reset()\n\n        this.selected.doctor = []\n        \n        this.form = {\n          // LIST / MULTIPLE\n          list: [],\n          \n          id: item !== undefined ? item.id : '',\n          user_id: item !== undefined ? item.user_id : '',\n          user_fullname : item !== undefined ?  item.user_fullname : '',\n          // user_email : item !== undefined ?  item.email : '',\n          // user_phone : item !== undefined ?  item.phone : '',\n          user_image : item !== undefined ?  item.user_image : '',\n          date: item !== undefined ? item.date : '',\n          start_time: item !== undefined ? item.start_time : '',\n          end_time: item !== undefined ? item.end_time : '',\n          picker: false,\n          time: {\n            start: false,\n            end: false\n          }\n        }\n\n        this.process.form = false\n\n        this.message.error = ''\n      },\n      toPushDoctor () {\n        this.selected.doctor.map(obj => {\n          this.form.list.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      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 === '' ? 'doctor/schedule_online/create_bulk' : 'doctor/schedule_online/update',\n              forms = this.form.id === '' ? {\n                data_bulk: this.form.list\n              } : this.form\n\n          // SAVE TO REST API\n          await post(url, {\n            data: forms\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      toDelete () {\n        this.selected.delete = []\n\n        for (let i in this.selected.row) {\n          this.selected.delete.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.delete = true\n      },\n      async deletes () {\n        this.message.error = ''\n\n        this.process.delete = true\n\n        await post(`doctor/schedule_online/delete`, {\n          data: {\n            ids: this.selected.delete\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.delete = false\n            this.dialog.delete = false\n\n            this.selected.row = []\n            this.selected.delete = []\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.delete = false\n            this.message.error = res.message\n          }\n        })\n      }\n    }\n  }\n</script>","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_online.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_online.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./doctor_online.vue?vue&type=template&id=578d14ff&\"\nimport script from \"./doctor_online.vue?vue&type=script&lang=js&\"\nexport * from \"./doctor_online.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}