{"version":3,"sources":["webpack:///./src/components/service/clinic.vue?50d0","webpack:///./src/components/service/clinic.vue?e6d7","webpack:///./src/components/service/clinic.vue","webpack:///src/components/service/clinic.vue","webpack:///./src/components/service/clinic.vue?0733","webpack:///./src/components/service/clinic.vue?8d53","webpack:///./src/assets/logo/favicon.png"],"names":["$set","expression","staticClass","domProps","_vm","dialog","$event","form","_c","attrs","require","scopedSlots","fn","proxy","_v","staticStyle","model","value","upload","process","key","valid","title","on","save","errors","phone","_u","list","jenis","jenis_klinik","status_pemilik","rawat_inap","status_rawat_inap","status_registrasi","penanggung_jawab","content","style","$vuetify","ref","open","extra","callback","$refs","time","_e","close","$$v","type","indexOf","zoomControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","disableDefaultUi","updatePlace","map","address","lat","lng","class","fullscreen","delete","selected","hide","index","freeze","configHeaders","item","detail","search","directives","name","pagination","staticRenderFns","data","show","snackbar","row","checkbox_select","options","headers","pemilik","registrasi","limit","lastIndex","folder","center","id","image","status","load","message","success","error","components","uploadfolder","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","align","container","fetchStatus","reset","getGeoLocation","navigator","setPlace","geocoder","latLng","toDelete","ids","setTimeout","filter","behavior","block","addFreezes","child","f","parseInt","this","document","removeFreezes","addHides","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","component","module","exports"],"mappings":"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CAhB,MACAJ,UACAM,aAGAY,WACAhC,SACAiE,eAEA7D,gBACAC,kBACAE,qBACAC,qBACAC,qBAEAhB,SACAyE,QACArF,QACAmF,SACA3B,WAEA8B,SACAC,WACAC,YAIAC,YACAC,iEACAvB,gEAEAwB,OACA,SACAC,UACA,OAAApB,eAAAqB,QACA,eAEAC,SAEA,iBACAF,mBACA,qBACA,8CAEA,qBAEA,yDAIAE,UAGAC,UACAC,OACA,+BAEAnC,gBACA,yCAGAoC,UACA,aACA,oBAEAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGArC,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCAEAA,wBAEA,UAEAsC,cACAnC,yBAEAoC,mBACA,iCAEA,eAAApC,OAAAqB,SACA,qBAEA,iBAEA,OACAf,YACAe,YACAgB,8DACAC,+CACA9C,oBAGA,2BAEA,8BAAA+C,WACAC,SACA,aAEA,qBAEA,eACA,cACA,CACAC,WACAC,aACAxG,cACAyG,YACAvD,UACAF,QACA0D,gBAEA,CACAH,cACAC,cACAxG,cACAkD,UACAF,SAEA,CACAuD,oBACAC,cACAxG,qBACAkD,UACAF,SAEA,CACAuD,eACAC,cACAxG,cACAkD,UACAF,SAEA,CACAuD,sBACAC,cACAxG,uBACAkD,UACAF,SAEA,CACAuD,yBACAC,cACAxG,0BACAkD,UACAF,SAEA,CACAuD,yBACAC,cACAxG,0BACAkD,UACAF,SAEA,CACAuD,cACAC,cACAxG,gBACAkD,UACAF,SAEA,CACAuD,wBACAC,cACAxG,yBACAkD,UACAF,SAEA,CACAuD,cACAC,cACAxG,eACAkD,UACAF,UAIA,sBACA,6BAEA,gCACA,kBAEA,sBAEA,kBAEA,6CAAA2D,oFAEA,uEAIAC,cACA,kBACA,oBACA,sBACA,wBAEA,yBACA,kDACAN,SACA,aAEA,eACA,2BAIA,2BACA,oDACAA,SACA,aAEA,eACA,6BAIA,6BACA,uDACAA,SACA,aAEA,eACA,gCAIA,8BACA,uDACAA,SACA,aAEA,eACA,gCAIAO,SACA,yCAEA,WACArC,sBACAnE,4BACAc,gCACAsD,4BACAjD,0BACAkB,OACAC,OACAhB,MACAJ,UACAM,aAGAY,gCACAhC,4BACAiE,mCAEA7D,0CACAC,8CACAE,oDACAC,oDACAC,wDAGA,aACA,yBACA,iBACAwB,wBACAC,wBACAhB,MACAJ,UACAM,aAIA,yBAIA,qBAEA,uBAEAiF,iBACA,qCACAC,6CACA,aACArE,sBACAC,6BAKAqE,YACA,aACAtE,8BACAC,+BAGA,8CACA,8CAEA,uCAEAJ,eACA,aACAG,mBACAC,oBAGA,mCACA,mCAEA,iCACAsE,WAAAC,oBAAA,QACA,oCACA,6CAIAC,WACA,wBAEA,+BACA,6DAGA,uBAEA,gBACA,sBAEA,6BAEA,qCACAxD,MACAyD,4BAEA,SACA,aAEA,cACA,uBACA,sBAEA,qBACA,wBAEA,wBACA,+BAEA,0BAEA,eAEA,uBACA,iCAIA,aACA,sBACA,yCAEA,MACA,qBAEA,wEAGA,kBACAzD,iBAEA2C,SACA,aAEA,qBAEA,cACA,oBAEA,qBAEA,wBAEA,+BAEA,cAEA,oCAKAe,gBACA,+CACA7E,eAAArC,MAAAH,WACAsH,6BACA,sDACAC,kBACAC,kBAEA,KAGAC,aACA,qBAEA,wBAEA,4CACA,iCAEA,2BACAC,mCACAlB,mDAIA,+CACA,sCACAA,IAGAA,EADA,qBACAA,SACAmB,mDACAC,uFAEApB,QACAmB,gDACAC,oFAIAxG,+EACgEyG,KAAK9E,SAASG,OAAOyE,GAAGD,qCAC9DlB,mKAKsCqB,KAAK9E,SAASG,OAAOyE,GAAGD,qCAC9DlB,yEAM1BsB,gCAKAC,gBAEA,+CACA,sCAGA3G,2EAC4DyG,KAAK9E,SAASG,OAAOyE,GAAGD,qLAMxBG,KAAK9E,SAASG,OAAOyE,GAAGD,+FAOpFI,+BAGAE,WACA,gDAEAC,mBACA,6CAEA,2BACA,0BAGAC,iBACA,sCACAC,sBAEA,aAEAC,0BAEA,qBAEA,4BACA,WACAD,oBACAA,+BAEAE,KAGA,cACA,cAEAC,mCACAC,yBACAC,uBACAC,UAEA,WAEAC,kBAEA,yBAGAJ,mCACAK,iDAGAL,kCACAK,gCAGAb,0CACA,MACA,gBAEA,4BAEAS,0BAIAT,yCACAS,SACAC,SACAC,SACAG,SACAF,WAIA,cACA,oCAWA,OATAJ,cACAA,gBACAA,oBACAA,4BACAA,4BACAA,0BACAA,sBACAA,6BAEA,EAGA,cACA,mCACA,SAGA,0BACA,uBAEA,+BAGA,gBACA,gECz9D+V,I,kCCS3VO,EAAY,eACd,EACA,EACAnF,GACA,EACA,KACA,WACA,MAIa,aAAAmF,E,8BCpBfC,EAAOC,QAAU,IAA0B,4B","file":"js/chunk-95038046.e73e0d11.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./clinic.vue?vue&type=style&index=1&id=888f4314&prod&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./clinic.vue?vue&type=style&index=0&id=888f4314&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height\"},[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"#B71C1C\"},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({staticClass:\"body-1 font-weight-bold text-capitalize\",attrs:{\"color\":\"white\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog.snackbar = false}}},'v-btn',attrs,false),[_c('v-icon',[_vm._v(\"mdi-close-circle-outline\")])],1)]}}]),model:{value:(_vm.dialog.snackbar),callback:function ($$v) {_vm.$set(_vm.dialog, \"snackbar\", $$v)},expression:\"dialog.snackbar\"}},[_c('span',{staticClass:\"body-1 font-weight-light white--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.success)}})]),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"900\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_vm._v(\"\\n          \"+_vm._s(_vm.form.id === '' ? 'Tambah' : 'Ubah')+\"\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.form = false}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('uploadfolder',{staticStyle:{\"position\":\"sticky\",\"top\":\"0\"},model:{value:(_vm.upload.folder),callback:function ($$v) {_vm.$set(_vm.upload, \"folder\", $$v)},expression:\"upload.folder\"}},[_c('div',{staticClass:\"cursor-pointer\",attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"flat\":\"\",\"height\":!_vm.dialog.fullscreen ? 200 : 350}},[(!_vm.process.image && _vm.form.image !== '')?_c('v-img',{staticClass:\"ma-auto d-flex align-center text-center\",attrs:{\"alt\":\"kominfo\",\"width\":\"100%\",\"height\":!_vm.dialog.fullscreen ? 195 : 345,\"gradient\":\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)\",\"src\":_vm.form.image},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}],null,false,2714157888)},[_c('v-icon',{attrs:{\"size\":\"65\",\"color\":\"white\"}},[_vm._v(\"\\n                          mdi-cloud-upload-outline\\n                        \")])],1):_vm._e(),(!_vm.process.image && _vm.form.image === '')?_c('v-icon',{attrs:{\"size\":\"65\",\"color\":\"grey\"}},[_vm._v(\"\\n                        mdi-cloud-upload-outline\\n                      \")]):_vm._e(),(_vm.process.image)?_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}}):_vm._e()],1)],1)])],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('ValidationProvider',{attrs:{\"name\":\"title\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Klinik\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Klaten Selatan\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.title !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Klinik \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.title !== '' && 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.title),callback:function ($$v) {_vm.$set(_vm.form, \"title\", $$v)},expression:\"form.title\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"phone\",\"rules\":\"required|min:8|max:13\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                      Telepon\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"40%\"},attrs:{\"type\":\"number\",\"onkeypress\":\"return event.charCode >= 48 && event.charCode <= 57\",\"min\":\"0\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 081332XXXXXX\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.phone !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                            \\n                            Telepon \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.phone !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})]}}])})],1),_c('ValidationProvider',{attrs:{\"name\":\"jenis_klinik\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Jenis Klinik\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-select',{staticStyle:{\"max-width\":\"35%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. PRATAMA\",\"items\":_vm.list.jenis,\"item-color\":\"red darken-1\",\"hide-details\":\"\",\"success\":_vm.form.jenis_klinik.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Jenis Klinik \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.jenis_klinik.length > 0 && 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.jenis_klinik),callback:function ($$v) {_vm.$set(_vm.form, \"jenis_klinik\", $$v)},expression:\"form.jenis_klinik\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"status_pemilik\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                      Status Pemilik\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-select',{staticStyle:{\"max-width\":\"40%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. SWASTA\",\"items\":_vm.list.pemilik,\"item-color\":\"red darken-1\",\"hide-details\":\"\",\"success\":_vm.form.status_pemilik.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                            \\n                            Status Pemilik \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.status_pemilik.length > 0 && 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.status_pemilik),callback:function ($$v) {_vm.$set(_vm.form, \"status_pemilik\", $$v)},expression:\"form.status_pemilik\"}})]}}])})],1),_c('ValidationProvider',{attrs:{\"name\":\"status_rawat_inap\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Status Rawat Inap\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-select',{staticStyle:{\"max-width\":\"45%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. RAWAT INAP\",\"items\":_vm.list.rawat_inap,\"item-color\":\"red darken-1\",\"hide-details\":\"\",\"success\":_vm.form.status_rawat_inap.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                          \\n                          Status Rawat Inap \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.status_rawat_inap.length > 0 && 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.status_rawat_inap),callback:function ($$v) {_vm.$set(_vm.form, \"status_rawat_inap\", $$v)},expression:\"form.status_rawat_inap\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"status_registrasi\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                      Status Registrasi\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-select',{staticStyle:{\"max-width\":\"40%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. SUDAH\",\"items\":_vm.list.registrasi,\"item-color\":\"red darken-1\",\"hide-details\":\"\",\"success\":_vm.form.status_registrasi.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                            \\n                            Status Registrasi \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.status_registrasi.length > 0 && 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.status_registrasi),callback:function ($$v) {_vm.$set(_vm.form, \"status_registrasi\", $$v)},expression:\"form.status_registrasi\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"penanggung_jawab\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                      Penanggung Jawab\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"50%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Andy\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.penanggung_jawab !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                            \\n                            Penanggung Jawab \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.penanggung_jawab !== '' && 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.penanggung_jawab),callback:function ($$v) {_vm.$set(_vm.form, \"penanggung_jawab\", $$v)},expression:\"form.penanggung_jawab\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                    Keterangan (boleh dikosongi)\\n                  \")]),_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                      placeholder: 'Contoh. Silahkan isi deskripsi / konten . . .'\n                    }},model:{value:(_vm.form.content),callback:function ($$v) {_vm.$set(_vm.form, \"content\", $$v)},expression:\"form.content\"}})],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Alamat Lengkap\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-row',[_c('v-col',{staticClass:\"py-0 pr-0\",attrs:{\"cols\":\"10\"}},[_c('div',{staticClass:\"v-input v-input--dense theme--light v-text-field v-text-field--is-booted v-text-field--enclosed v-text-field--outlined\"},[_c('div',{staticClass:\"v-input__control\"},[_c('div',{staticClass:\"v-input__slot\"},[_c('fieldset',{attrs:{\"aria-hidden\":\"true\"}},[_c('legend',{staticStyle:{\"width\":\"0px\"}},[_c('span',[_vm._v(\"​\")])])]),_c('div',{staticClass:\"v-text-field__slot\"},[_c('label',{staticClass:\"v-label theme--light\",staticStyle:{\"left\":\"0px\",\"right\":\"auto\",\"position\":\"absolute\"},attrs:{\"for\":\"input-147\"}}),_c('gmap-autocomplete',{attrs:{\"placeholder\":\"Contoh. Jl. Pemuda No. 07\",\"value\":_vm.form.address,\"select-first-on-enter\":true},on:{\"place_changed\":_vm.setPlace}})],1)])])])]),_c('v-col',{staticClass:\"py-0\",style:(_vm.$vuetify.breakpoint.name === 'xs' ? 'position:relative; left: -30px;' : 'position:relative; left: -40px;'),attrs:{\"cols\":\"2\"}},[_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"0px 4px 4px 0px\"},attrs:{\"color\":\"#5d5d5d\",\"height\":\"40\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.map = true; _vm.dialog.form = false;}}},[(_vm.$vuetify.breakpoint.name !== 'xs')?_c('span',[_vm._v(\"\\n                          Pilih Dari Peta\\n                        \")]):_vm._e(),(_vm.$vuetify.breakpoint.name === 'xs')?_c('v-icon',[_vm._v(\"\\n                          mdi-google-maps\\n                        \")]):_vm._e()],1)],1)],1)],1),_c('div',{staticClass:\"my-6\"},[_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"4\",\"md\":\"4\"}},[_c('v-menu',{ref:\"open\",attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"return-value\":_vm.form.extra.time.open,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.form.extra.time, \"open\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.form.extra.time, \"open\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                            Jam Buka (bisa dikosongi)\\n                          \")]),_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.extra.time.open !== '' && _vm.form.extra.time.open !== null},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.extra.time.open = ''}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.form.extra.time.open !== '' && _vm.form.extra.time.open !== null)?_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.extra.time.open),callback:function ($$v) {_vm.$set(_vm.form.extra.time, \"open\", $$v)},expression:\"form.extra.time.open\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.time.open),callback:function ($$v) {_vm.$set(_vm.time, \"open\", $$v)},expression:\"time.open\"}},[(_vm.time.open)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){return _vm.$refs.open.save(_vm.form.extra.time.open)}},model:{value:(_vm.form.extra.time.open),callback:function ($$v) {_vm.$set(_vm.form.extra.time, \"open\", $$v)},expression:\"form.extra.time.open\"}}):_vm._e()],1)],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"4\",\"md\":\"4\"}},[_c('v-menu',{ref:\"close\",attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"return-value\":_vm.form.extra.time.close,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.form.extra.time, \"close\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.form.extra.time, \"close\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                            Jam Tutup (bisa dikosongi)\\n                          \")]),_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.extra.time.close !== '' && _vm.form.extra.time.close !== null},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.extra.time.close = ''}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.form.extra.time.close !== '' && _vm.form.extra.time.close !== null)?_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.extra.time.close),callback:function ($$v) {_vm.$set(_vm.form.extra.time, \"close\", $$v)},expression:\"form.extra.time.close\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.time.close),callback:function ($$v) {_vm.$set(_vm.time, \"close\", $$v)},expression:\"time.close\"}},[(_vm.time.close)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){return _vm.$refs.close.save(_vm.form.extra.time.close)}},model:{value:(_vm.form.extra.time.close),callback:function ($$v) {_vm.$set(_vm.form.extra.time, \"close\", $$v)},expression:\"form.extra.time.close\"}}):_vm._e()],1)],1)],1)],1),_c('ValidationProvider',{attrs:{\"name\":\"status\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                    Status\\n                    \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                      (wajib diisi)\\n                    \")])]),_c('v-select',{staticStyle:{\"width\":\"35%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"item-color\":\"red darken-1\",\"placeholder\":\"Contoh: Publish\",\"items\":[\n                      {\n                        text: 'Publish',\n                        value: 'publish'\n                      },\n                      {\n                        text: 'Draft',\n                        value: 'draft'\n                      }\n                    ],\"success\":_vm.form.status !== ''},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                          Status \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.status !== '' && 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.status),callback:function ($$v) {_vm.$set(_vm.form, \"status\", $$v)},expression:\"form.status\"}})]}}])})],1)],1)],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.form = false}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"600\",\"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.map = false}},model:{value:(_vm.dialog.map),callback:function ($$v) {_vm.$set(_vm.dialog, \"map\", $$v)},expression:\"dialog.map\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-text',{staticClass:\"px-0\"},[_c('gmap-map',{staticClass:\"_maps\",attrs:{\"center\":_vm.center,\"zoom\":15,\"clickable\":true,\"options\":{\n            zoomControl: true,\n            mapTypeControl: false,\n            scaleControl: false,\n            streetViewControl: false,\n            rotateControl: false,\n            fullscreenControl: true,\n            disableDefaultUi: false\n          }},on:{\"click\":_vm.updatePlace}},[_c('gmap-marker',{attrs:{\"position\":_vm.center,\"draggable\":true},on:{\"drag\":_vm.updatePlace,\"click\":function($event){_vm.center = _vm.center}}})],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.map = false; _vm.dialog.form = true;}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Terapkan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){_vm.dialog.map = false; \n            _vm.dialog.form = true;\n            _vm.form.address = ''; \n            _vm.form.extra.lat = '';\n            _vm.form.extra.lng = '';}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batalkan\\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 Klinik 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-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.hide = false}},model:{value:(_vm.dialog.hide),callback:function ($$v) {_vm.$set(_vm.dialog, \"hide\", $$v)},expression:\"dialog.hide\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n          Hide Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false;}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Hide\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.headers),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.hide = !item.hide ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.hide}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.hide ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false; _vm.addHides();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Hide\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.freeze = false}},model:{value:(_vm.dialog.freeze),callback:function ($$v) {_vm.$set(_vm.dialog, \"freeze\", $$v)},expression:\"dialog.freeze\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n          Freeze Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Freeze\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.configHeaders),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.freeze = !item.freeze ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.freeze}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.freeze ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Freeze\\n        \")],1)],1)],1)],1),_c('v-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 = {};}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Tambah\\n                    \")])],1)],1),(_vm.selected.row.length === 1)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\",staticStyle:{\"background\":\"#2196f333\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = _vm.selected.row[0]; _vm.reset(_vm.selected.row[0]);}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-circle-edit-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Ubah\\n                    \")])],1)],1):_vm._e(),(_vm.selected.row.length > 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\"}}),_c('div',{staticClass:\"mr-3\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.freeze = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-table-split-cell\")])],1)]}}])},[_c('span',[_vm._v(\"\\n                      Freeze\\n                    \")])])],1),_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#7B7B7B\"},on:{\"click\":function($event){_vm.dialog.hide = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-eye-off-outline\")])],1)]}}])},[_c('span',[_vm._v(\"\\n                      Hide\\n                    \")])])],1)],1)],1)],1),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":`calc(100vh - ${_vm.pagination.total_data > 0 ? '330px' : '258px'})`,\"show-select\":_vm.checkbox_select,\"single-select\":false,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.configHeaders,\"items\":_vm.list.data,\"items-per-page\":100,\"item-key\":\"id\",\"hide-default-footer\":\"\"},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.rowClick,\"toggle-select-all\":function($event){return _vm.handleToggleAll($event)}},scopedSlots:_vm._u([_vm._l((_vm.configHeaders.filter((header) => header.hasOwnProperty('format'))),function(header){return {key:`item.${header.value}`,fn:function({ value }){return [_vm._v(\"\\n              \"+_vm._s(_vm.rowFormat(header.format, value))+\" \\n            \")]}}}),{key:`item.index`,fn:function({ index }){return [_vm._v(\"\\n              \"+_vm._s(_vm.lastIndex + index)+\"\\n            \")]}}],null,true),model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}},[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.process.load),expression:\"process.load\"}],attrs:{\"slot\":\"progress\",\"color\":\"white\",\"indeterminate\":\"\"},slot:\"progress\"})],1),(_vm.pagination.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination},on:{\"changePage\":function($event){return _vm.fetch($event)},\"reloadPage\":function($event){return _vm.fetch($event)}}}):_vm._e()],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height\">\n    <v-snackbar\n      v-model=\"dialog.snackbar\"\n      top\n      right\n      color=\"#B71C1C\">\n      <span class=\"body-1 font-weight-light white--text\"\n        v-html=\"message.success\">\n      </span>\n\n      <template v-slot:action=\"{ attrs }\">\n        <v-btn\n          class=\"body-1 font-weight-bold text-capitalize\"\n          color=\"white\"\n          icon\n          v-bind=\"attrs\"\n          @click=\"dialog.snackbar = false\">\n          <v-icon>mdi-close-circle-outline</v-icon>\n        </v-btn>\n      </template>\n    </v-snackbar>\n\n    <v-dialog v-model=\"dialog.form\"\n      @keydown.esc=\"dialog.form = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"900\"\n      persistent\n      scrollable>\n      <v-card \n        class=\"border-radius pa-2\">\n        <v-card-title \n          class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar \n            size=\"30\">\n            <v-img\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-1\">\n            {{ form.id === '' ? 'Tambah' : 'Ubah' }}\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.form = false\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n\n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text \n          class=\"pt-2 body-1 line-text-second\">\n          <ValidationObserver ref=\"form\">\n            <v-form class=\"text-left\">\n              <v-row>\n                <v-col\n                  cols=\"12\"\n                  md=\"3\">\n                  <uploadfolder v-model=\"upload.folder\"\n                    style=\"position: sticky; top: 0;\">\n                    <div slot=\"activator\" class=\"cursor-pointer\">\n                      <v-card \n                        flat\n                        :height=\"!dialog.fullscreen ? 200 : 350\"\n                        class=\"d-flex align-center justify-center\"\n                        style=\"border-radius: 15px;\n                              border: 2px solid #eaeaea; \n                              border-style: dashed;\">\n                        <v-img v-if=\"!process.image && form.image !== ''\"\n                          alt=\"kominfo\" \n                          width=\"100%\"\n                          :height=\"!dialog.fullscreen ? 195 : 345\"\n                          gradient=\"to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .5)\"\n                          :src=\"form.image\"\n                          class=\"ma-auto d-flex align-center text-center\">\n                          <template v-slot:placeholder>\n                            <v-row\n                              class=\"fill-height\"\n                              align=\"center\"\n                              justify=\"center\">\n                              <v-progress-circular \n                                indeterminate \n                                color=\"#B71C1C\">\n                              </v-progress-circular>\n                            </v-row>\n                          </template>\n\n                          <v-icon \n                            size=\"65\" \n                            color=\"white\">\n                            mdi-cloud-upload-outline\n                          </v-icon>\n                        </v-img>\n\n                        <v-icon v-if=\"!process.image && form.image === ''\"\n                          size=\"65\" \n                          color=\"grey\">\n                          mdi-cloud-upload-outline\n                        </v-icon>\n\n                        <v-progress-circular v-if=\"process.image\"\n                          indeterminate\n                          color=\"#B71C1C\">\n                        </v-progress-circular>\n                      </v-card>\n                    </div>\n                  </uploadfolder>\n                </v-col>\n\n                <v-col\n                  cols=\"12\"\n                  md=\"9\">\n                  <ValidationProvider \n                    name=\"title\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Klinik\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n                    \n                    <v-text-field\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 70%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      placeholder=\"Contoh. Klaten Selatan\"\n                      \n                      v-model=\"form.title\"\n                      vvvv-uppercase\n                      :success=\"form.title !== '' && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Klinik {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.title !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-text-field>\n                  </ValidationProvider>\n                  \n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"phone\" \n                      rules=\"required|min:8|max:13\"\n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Telepon\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n                      \n                      <v-text-field\n                        v-on:keyup.enter=\"save\"\n                        style=\"max-width: 40%;\"\n                        type=\"number\"\n                        onkeypress=\"return event.charCode >= 48 && event.charCode <= 57\"\n                        min=\"0\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. 081332XXXXXX\"\n                        \n                        v-model=\"form.phone\"\n                        vvvv-uppercase\n                        :success=\"form.phone !== '' && valid\"\n                        :error-messages=\"errors\"\n                        required>\n                        <template v-slot:append-outer>\n                          <div v-if=\"errors.length > 0\">\n                            <v-tooltip top color=\"#ff5252\">\n                              <template v-slot:activator=\"{ on }\">\n                                <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                              </template>\n                              \n                              Telepon {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.phone !== '' && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-text-field>\n                    </ValidationProvider>\n                  </div>\n\n                  <ValidationProvider \n                    name=\"jenis_klinik\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Jenis Klinik\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n\n                    <v-select\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 35%;\"\n                      outlined\n                      dense\n                      color=\"#B71C1C\"\n                      placeholder=\"Contoh. PRATAMA\"\n                      \n                      :items=\"list.jenis\"\n                      item-color=\"red darken-1\"\n\n                      hide-details\n\n                      v-model=\"form.jenis_klinik\"\n                      :success=\"form.jenis_klinik.length > 0 && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Jenis Klinik {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.jenis_klinik.length > 0 && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-select>\n                  </ValidationProvider>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"status_pemilik\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Status Pemilik\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n\n                      <v-select\n                        v-on:keyup.enter=\"save\"\n                        style=\"max-width: 40%;\"\n                        outlined\n                        dense\n                        color=\"#B71C1C\"\n                        placeholder=\"Contoh. SWASTA\"\n                        \n                        :items=\"list.pemilik\"\n                        item-color=\"red darken-1\"\n\n                        hide-details\n\n                        v-model=\"form.status_pemilik\"\n                        :success=\"form.status_pemilik.length > 0 && valid\"\n                        :error-messages=\"errors\"\n                        required>\n                        <template v-slot:append-outer>\n                          <div v-if=\"errors.length > 0\">\n                            <v-tooltip top color=\"#ff5252\">\n                              <template v-slot:activator=\"{ on }\">\n                                <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                              </template>\n                              \n                              Status Pemilik {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.status_pemilik.length > 0 && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-select>\n                    </ValidationProvider>\n                  </div>\n\n                  <ValidationProvider \n                    name=\"status_rawat_inap\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Status Rawat Inap\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n\n                    <v-select\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 45%;\"\n                      outlined\n                      dense\n                      color=\"#B71C1C\"\n                      placeholder=\"Contoh. RAWAT INAP\"\n                      \n                      :items=\"list.rawat_inap\"\n                      item-color=\"red darken-1\"\n\n                      hide-details\n\n                      v-model=\"form.status_rawat_inap\"\n                      :success=\"form.status_rawat_inap.length > 0 && valid\"\n                      :error-messages=\"errors\"\n                      required>\n                      <template v-slot:append-outer>\n                        <div v-if=\"errors.length > 0\">\n                          <v-tooltip top color=\"#ff5252\">\n                            <template v-slot:activator=\"{ on }\">\n                              <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                            </template>\n                            \n                            Status Rawat Inap {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.status_rawat_inap.length > 0 && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-select>\n                  </ValidationProvider>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"status_registrasi\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Status Registrasi\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n\n                      <v-select\n                        v-on:keyup.enter=\"save\"\n                        style=\"max-width: 40%;\"\n                        outlined\n                        dense\n                        color=\"#B71C1C\"\n                        placeholder=\"Contoh. SUDAH\"\n                        \n                        :items=\"list.registrasi\"\n                        item-color=\"red darken-1\"\n\n                        hide-details\n\n                        v-model=\"form.status_registrasi\"\n                        :success=\"form.status_registrasi.length > 0 && valid\"\n                        :error-messages=\"errors\"\n                        required>\n                        <template v-slot:append-outer>\n                          <div v-if=\"errors.length > 0\">\n                            <v-tooltip top color=\"#ff5252\">\n                              <template v-slot:activator=\"{ on }\">\n                                <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                              </template>\n                              \n                              Status Registrasi {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.status_registrasi.length > 0 && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-select>\n                    </ValidationProvider>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"penanggung_jawab\" \n                      rules=\"required\"\n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Penanggung Jawab\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n                      \n                      <v-text-field\n                        v-on:keyup.enter=\"save\"\n                        style=\"max-width: 50%;\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. Andy\"\n                        \n                        v-model=\"form.penanggung_jawab\"\n                        vvvv-uppercase\n                        :success=\"form.penanggung_jawab !== '' && valid\"\n                        :error-messages=\"errors\"\n                        required>\n                        <template v-slot:append-outer>\n                          <div v-if=\"errors.length > 0\">\n                            <v-tooltip top color=\"#ff5252\">\n                              <template v-slot:activator=\"{ on }\">\n                                <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                              </template>\n                              \n                              Penanggung Jawab {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.penanggung_jawab !== '' && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-text-field>\n                    </ValidationProvider>\n                  </div>\n\n                  <div class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      Keterangan (boleh dikosongi)\n                    </div>\n\n                    <quill-editor \n                      ref=\"myTextEditor\"\n                      :options=\"{\n                        placeholder: 'Contoh. Silahkan isi deskripsi / konten . . .'\n                      }\"\n                      v-model=\"form.content\">\n                    </quill-editor>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Alamat Lengkap\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n                    \n                    <v-row>\n                      <v-col \n                        cols=\"10\" \n                        class=\"py-0 pr-0\">\n                        <div \n                          class=\"v-input v-input--dense theme--light v-text-field v-text-field--is-booted v-text-field--enclosed v-text-field--outlined\">\n                          <div \n                            class=\"v-input__control\">\n                            <div \n                              class=\"v-input__slot\">\n                              <!-- <div \n                                class=\"v-input__prepend-inner\">\n                                <div \n                                  class=\"v-input__icon v-input__icon--prepend-inner\">\n                                  <i \n                                    aria-hidden=\"true\" \n                                    class=\"v-icon notranslate mdi mdi-home-map-marker theme--light\">\n                                  </i>\n                                </div>\n                              </div> -->\n\n                              <fieldset \n                                aria-hidden=\"true\">\n                                <legend \n                                  style=\"width: 0px;\">\n                                  <span>​</span>\n                                </legend>\n                              </fieldset>\n\n                              <div \n                                class=\"v-text-field__slot\">\n                                <label \n                                  for=\"input-147\" \n                                  class=\"v-label theme--light\"\n                                   style=\"left: 0px; right: auto; position: absolute;\">\n                                  <!-- Alamat -->\n                                </label>\n\n                                <gmap-autocomplete \n                                  placeholder=\"Contoh. Jl. Pemuda No. 07\" \n                                  :value=\"form.address\" \n                                  :select-first-on-enter=\"true\"\n                                  @place_changed=\"setPlace\">\n                                </gmap-autocomplete>\n                              </div>\n                            </div>\n\n                            <!-- <div \n                              class=\"v-text-field__details\">\n                              <div \n                                class=\"v-messages theme--light\">\n                                <div class=\"v-messages__wrapper\">\n                                </div>\n                              </div>\n                            </div> -->\n                          </div>\n                        </div>\n                      </v-col>\n\n                      <v-col \n                        cols=\"2\" \n                        class=\"py-0\"\n                        :style=\"$vuetify.breakpoint.name === 'xs' ? 'position:relative; left: -30px;' : 'position:relative; left: -40px;'\">\n                        <v-btn\n                          @click=\"dialog.map = true; dialog.form = false;\"\n                          color=\"#5d5d5d\"\n                          height=\"40\"\n                          elevation=\"0\"\n                          style=\"border-radius: 0px 4px 4px 0px;\"\n                          class=\"body-2 font-weight-bold text-capitalize white--text\">\n                          <span v-if=\"$vuetify.breakpoint.name !== 'xs'\">\n                            Pilih Dari Peta\n                          </span>\n\n                          <v-icon v-if=\"$vuetify.breakpoint.name === 'xs'\">\n                            mdi-google-maps\n                          </v-icon>\n                        </v-btn>\n                      </v-col>\n                    </v-row>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <v-row>\n                      <v-col\n                        cols=\"4\"\n                        md=\"4\"\n                        class=\"py-0\">\n                        <v-menu\n                          ref=\"open\"\n                          v-model=\"time.open\"\n                          :close-on-content-click=\"false\"\n                          :nudge-right=\"40\"\n                          :return-value.sync=\"form.extra.time.open\"\n                          transition=\"scale-transition\"\n                          offset-y\n                          max-width=\"290px\"\n                          min-width=\"290px\">\n                          <template v-slot:activator=\"{ on, attrs }\">\n                            <div class=\"body-2 mb-2\">\n                              Jam Buka (bisa dikosongi)\n                            </div>\n                            \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.extra.time.open = ''\"\n                              \n                              v-model=\"form.extra.time.open\"\n                              vvvv-uppercase\n                              :success=\"form.extra.time.open !== '' && form.extra.time.open !== null\">\n                              <template v-slot:append-outer>\n                                <div v-if=\"form.extra.time.open !== '' && form.extra.time.open !== null\">\n                                  <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                </div>\n                              </template>\n                            </v-text-field>\n                          </template>\n\n                          <v-time-picker\n                            v-if=\"time.open\"\n                            v-model=\"form.extra.time.open\"\n                            full-width\n                            format=\"24hr\"\n                            color=\"#B71C1C\"\n                            @click:minute=\"$refs.open.save(form.extra.time.open)\">\n                          </v-time-picker>\n                        </v-menu>\n                      </v-col>\n\n                      <v-col\n                        cols=\"4\"\n                        md=\"4\"\n                        class=\"py-0\">\n                        <v-menu\n                          ref=\"close\"\n                          v-model=\"time.close\"\n                          :close-on-content-click=\"false\"\n                          :nudge-right=\"40\"\n                          :return-value.sync=\"form.extra.time.close\"\n                          transition=\"scale-transition\"\n                          offset-y\n                          max-width=\"290px\"\n                          min-width=\"290px\">\n                          <template v-slot:activator=\"{ on, attrs }\">\n                            <div class=\"body-2 mb-2\">\n                              Jam Tutup (bisa dikosongi)\n                            </div>\n                            \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.extra.time.close = ''\"\n                              \n                              v-model=\"form.extra.time.close\"\n                              vvvv-uppercase\n                              :success=\"form.extra.time.close !== '' && form.extra.time.close !== null\">\n                              <template v-slot:append-outer>\n                                <div v-if=\"form.extra.time.close !== '' && form.extra.time.close !== null\">\n                                  <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                </div>\n                              </template>\n                            </v-text-field>\n                          </template>\n\n                          <v-time-picker\n                            v-if=\"time.close\"\n                            v-model=\"form.extra.time.close\"\n                            full-width\n                            format=\"24hr\"\n                            color=\"#B71C1C\"\n                            @click:minute=\"$refs.close.save(form.extra.time.close)\">\n                          </v-time-picker>\n                        </v-menu>\n                      </v-col>\n                      \n                    </v-row>\n                  </div>\n\n                  <ValidationProvider \n                    name=\"status\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Status\n                      <span class=\"error--text\">\n                        (wajib diisi)\n                      </span>\n                    </div>\n\n                    <v-select\n                      style=\"width: 35%;\"\n                      dense\n                      outlined\n                      single-line\n                      hide-details\n                      color=\"#B71C1C\"\n                      item-color=\"red darken-1\"\n                      placeholder=\"Contoh: Publish\"\n                      :items=\"[\n                        {\n                          text: 'Publish',\n                          value: 'publish'\n                        },\n                        {\n                          text: 'Draft',\n                          value: 'draft'\n                        }\n                      ]\"\n                      v-model=\"form.status\"\n                      :success=\"form.status !== ''\">\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                            Status {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.status !== '' && valid\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-select>\n                  </ValidationProvider>\n                </v-col>\n              </v-row>\n            </v-form>\n          </ValidationObserver>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.form\"\n            :loading=\"process.form\"\n            v-on:keyup.enter=\"save()\"\n            @click=\"save()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.form = false\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog  v-model=\"dialog.map\" \n      @keydown.esc=\"dialog.map = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"600\"\n      persistent\n      scrollable>\n      <v-card\n        class=\"border-radius pa-2\">\n        <v-card-text\n          class=\"px-0\">\n          <gmap-map\n            class=\"_maps\"\n            :center=\"center\"\n            :zoom=\"15\"\n            :clickable=\"true\"\n            @click=\"updatePlace\"\n            :options=\"{\n              zoomControl: true,\n              mapTypeControl: false,\n              scaleControl: false,\n              streetViewControl: false,\n              rotateControl: false,\n              fullscreenControl: true,\n              disableDefaultUi: false\n            }\">\n\n            <gmap-marker\n              :position=\"center\"\n              :draggable=\"true\"\n              @drag=\"updatePlace\"\n              @click=\"center = center\">\n            </gmap-marker>\n          </gmap-map>\n        </v-card-text>\n        \n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            @click=\"dialog.map = false; dialog.form = true;\"\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Terapkan\n          </v-btn>\n\n          <v-btn \n            @click=\"\n              dialog.map = false; \n              dialog.form = true;\n              form.address = ''; \n              form.extra.lat = '';\n              form.extra.lng = '';\"\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batalkan\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 Klinik 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-dialog v-model=\"dialog.hide\"\n      @keydown.esc=\"dialog.hide = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"30\">\n            <v-img\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-2\">\n            Hide Kolom\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.hide = false; dialog.fullscreen = false;\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Hide\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in headers\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.hide = !item.hide ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#B71C1C\"\n                            :input-value=\"item.hide\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.hide ? 'font-weight-bold color-first' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.hide = false; dialog.fullscreen = false; addHides();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Hide\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.freeze\"\n      @keydown.esc=\"dialog.freeze = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"30\">\n            <v-img\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-2\">\n            Freeze Kolom\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Freeze\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in configHeaders\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.freeze = !item.freeze ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#B71C1C\"\n                            :input-value=\"item.freeze\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.freeze ? 'font-weight-bold color-first' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Freeze\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-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 = {};\">\n                      <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Tambah\n                      </span>\n                    </v-btn>\n                  </div>\n\n                  <!-- EDIT -->\n                  <div class=\"mr-3\" v-if=\"selected.row.length === 1\">\n                    <v-btn\n                      elevation=\"0\"\n                      style=\"background: #2196f333;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\"\n                      @click=\"dialog.form = true; detail = selected.row[0]; reset(selected.row[0]);\">\n                      <v-icon size=\"18\">mdi-circle-edit-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Ubah\n                      </span>\n                    </v-btn>\n                  </div>\n\n                  <!-- DELETE -->\n                  <div class=\"mr-3\" v-if=\"selected.row.length > 0\">\n                    <v-btn\n                      elevation=\"0\"\n                      style=\"background: #f4403433;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\"\n                      @click=\"toDelete()\">\n                      <v-icon size=\"18\">mdi-delete-circle-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Hapus\n                      </span>\n                    </v-btn>\n                  </div>\n                </v-col>\n\n                <v-col \n                  cols=\"12\" \n                  md=\"4\" \n                  class=\"d-flex align-center justify-end\">\n                  <v-text-field \n                    class=\"mr-3\"\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    placeholder=\"Cari . . .\"\n                    append-icon=\"mdi-magnify\"\n                    clearable\n                    v-model=\"search\"\n                    vvvv-uppercase\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\">\n                  </v-text-field>\n\n                  <!-- FREEZE COLUMN -->\n                  <div class=\"mr-3\">\n                    <v-tooltip top>\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-btn\n                          elevation=\"0\"\n                          outlined\n                          dark\n                          min-width=\"36\"\n                          color=\"#B71C1C\"\n                          class=\"text-capitalize px-0\"\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          @click=\"dialog.freeze = true\">\n                          <v-icon size=\"18\">mdi-table-split-cell</v-icon>\n                        </v-btn>\n                      </template>\n\n                      <span>\n                        Freeze\n                      </span>\n                    </v-tooltip>\n                  </div>\n\n                  <!-- HIDE COLUMN -->\n                  <div>\n                    <v-tooltip top>\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-btn\n                          elevation=\"0\"\n                          outlined\n                          dark\n                          min-width=\"36\"\n                          color=\"#7B7B7B\"\n                          class=\"text-capitalize px-0\"\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          @click=\"dialog.hide = true\">\n                          <v-icon size=\"18\">mdi-eye-off-outline</v-icon>\n                        </v-btn>\n                      </template>\n\n                      <span>\n                        Hide\n                      </span>\n                    </v-tooltip>\n                  </div>\n                </v-col>\n              </v-row>\n            </v-card-text>\n\n            <v-data-table\n              v-model=\"selected.row\"\n              ref=\"table-grid\"\n              class=\"table-grid\"\n              :height=\"`calc(100vh - ${pagination.total_data > 0 ? '330px' : '258px'})`\"\n              :show-select=\"checkbox_select\"\n              :single-select=\"false\"\n              :loading=\"process.load\"\n              loading-text=\"Sedang memuat data . . .\"\n              loader-height=\"5\"\n              no-results-text=\"Belum ada data\"\n              :options.sync=\"options\"\n              :headers=\"configHeaders\"\n              :items=\"list.data\"\n              :items-per-page=\"100\"\n              item-key=\"id\"\n              @click:row=\"rowClick\"\n              @toggle-select-all=\"handleToggleAll($event)\"\n              hide-default-footer>\n              <template\n                v-for=\"header in configHeaders.filter((header) => header.hasOwnProperty('format'))\"\n                v-slot:[`item.${header.value}`]=\"{ value }\">\n                {{ rowFormat(header.format, value) }} \n              </template>\n\n              <template v-slot:[`item.index`]=\"{ index }\">\n                {{ lastIndex + index }}\n              </template>\n\n              <v-progress-linear \n                v-show=\"process.load\" \n                slot=\"progress\" \n                color=\"white\" \n                indeterminate>\n              </v-progress-linear>\n            </v-data-table>\n\n            <pagination v-if=\"pagination.total_data > 0\"\n              @changePage=\"fetch($event)\" \n              @reloadPage=\"fetch($event)\" \n              :model=\"pagination\"/>\n          </v-card>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  import moment from \"moment\"\n  import \"moment/locale/id\"\n  export default {\n    data () {\n      return {\n        show: false,\n        dialog: {\n          snackbar: false,\n          fullscreen: false,\n          form: false,\n          delete: false,\n          map: false,\n          hide: false,\n          freeze: false\n        },\n        search: '',\n        selected: {\n          row: [],\n          delete: [],\n          freeze: []\n        },\n        checkbox_select: true,\n        options: {},\n        headers: [],\n        detail: {},\n        list: {\n          data: [],\n          jenis: [],\n          pemilik: [],\n          rawat_inap: [],\n          registrasi: []\n        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        upload: {\n          folder: null\n        },\n        center: {\n          lat: null,\n          lng: null\n        },\n        time: {\n          open: false,\n          close: false\n        },\n        form: {\n          id: '',\n          title: '',\n          content: '',\n          image: '',\n          extra: {\n            lat: '',\n            lng: '',\n            time: {\n              open: null,\n              close: null\n            }\n          },\n          address: '',\n          phone: '',\n          status: 'draft',\n\n          jenis_klinik: '',\n          status_pemilik: '',\n          status_rawat_inap: '',\n          status_registrasi: '',\n          penanggung_jawab: ''\n        },\n        process: {\n          load: false,\n          form: false,\n          image: false,\n          delete: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue'),\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue')\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      },\n      'upload.folder': {\n        handler: function () {\n          if (this.upload.folder) {\n            this.process.image = this.upload.folder.process\n\n            if (!this.process.image) {\n              // CALLBACK FROM UPLOAD IMAGE\n              this.form.image = this.upload.folder.data.full.file_url\n            }\n          }\n        },\n        deep: true\n      },\n    },\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      this.fetchStatus()\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('data/klinik', { 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: 'Klinik',\n                width: '300px',\n                value: 'title',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Jenis Klinik',\n                width: '200px',\n                value: 'jenis_klinik',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Telepon',\n                width: '200px',\n                value: 'phone',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Status Pemilik',\n                width: '200px',\n                value: 'status_pemilik',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Status Rawat Inap',\n                width: '200px',\n                value: 'status_rawat_inap',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Status Registrasi',\n                width: '200px',\n                value: 'status_registrasi',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Alamat',\n                width: '400px',\n                value: 'address',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Penanggung Jawab',\n                width: '200px',\n                value: 'penanggung_jawab',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Status',\n                width: '200px',\n                value: 'status',\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            this.getGeoLocation()\n\n            this.addFreezes()\n\n            this.$vuetify.goTo(this.$refs['table-grid'], { container: this.$refs['table-grid'].$el.querySelector('div.v-data-table__wrapper') })\n\n            if (this.headers.length < 7 && this.list.length > 0) this.getTableToResize()\n          }\n        })\n      },\n      fetchStatus () {\n        this.fetchJenis()\n        this.fetchPemilik()\n        this.fetchRawatInap()\n        this.fetchRegistrasi()\n      },\n      async fetchJenis () {\n        await get('master/status?type=jenis_klinik')\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.list.jenis = res.data\n          }\n        })\n      },\n      async fetchPemilik () {\n        await get('master/status?type=status_pemilik')\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.list.pemilik = res.data\n          }\n        })\n      },\n      async fetchRawatInap () {\n        await get('master/status?type=status_rawat_inap')\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.list.rawat_inap = res.data\n          }\n        })\n      },\n      async fetchRegistrasi () {\n        await get('master/status?type=status_registrasi')\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.list.registrasi = res.data\n          }\n        })\n      },\n      reset (item) {\n        if (this.$refs.form) this.$refs.form.reset()\n        \n        this.form = {\n          id: item !== undefined ? item.id : '',\n          title: item !== undefined ? item.title : '',\n          content: item !== undefined ? item.content : '',\n          image: item !== undefined ? item.image : '',\n          extra: item !== undefined ? item.extra : {\n            lat: '',\n            lng: '',\n            time: {\n              open: null,\n              close: null\n            }\n          },\n          address: item !== undefined ? item.address : '',\n          phone: item !== undefined ? item.phone : '',\n          status: item !== undefined ? item.status : 'draft',\n\n          jenis_klinik: item !== undefined ? item.jenis_klinik : '',\n          status_pemilik: item !== undefined ? item.status_pemilik : '',\n          status_rawat_inap: item !== undefined ? item.status_rawat_inap : '',\n          status_registrasi: item !== undefined ? item.status_registrasi : '',\n          penanggung_jawab: item !== undefined ? item.penanggung_jawab : ''\n        }\n\n        if (item !== undefined) {\n          if (this.form.extra.time === undefined) {\n            this.form.extra = {\n              lat: this.form.extra.lat,\n              lng: this.form.extra.lng,\n              time: {\n                open: null,\n                close: null\n              }\n            }\n          } else {\n            this.form.extra = item.extra\n          }\n        }\n\n        this.process.form = false\n\n        this.message.error = ''\n      },\n      getGeoLocation() {\n         this.$gmapApiPromiseLazy().then(() => {\n          navigator.geolocation.getCurrentPosition(position => {\n            this.center = {\n              lat: position.coords.latitude,\n              lng: position.coords.longitude\n            }\n          })\n        })\n      },\n      setPlace(place) {\n        this.center = {\n          lat: place.geometry.location.lat(),\n          lng: place.geometry.location.lng()\n        }\n\n        this.form.extra.lat = place.geometry.location.lat()\n        this.form.extra.lng = place.geometry.location.lng()\n\n        this.form.address = place.formatted_address\n      },\n      updatePlace(location) {\n        this.center = {\n          lat: location.latLng.lat(),\n          lng: location.latLng.lng()\n        }\n\n        this.form.extra.lat = location.latLng.lat()\n        this.form.extra.lng = location.latLng.lng()\n\n        const geocoder = new google.maps.Geocoder()\n        geocoder.geocode({ latLng: this.center }, (result, status) => {\n          if (status === google.maps.GeocoderStatus.OK) {\n            this.form.address = result[0].formatted_address\n          }\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(`data/klinik/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      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 === '' ? 'data/klinik/create' : 'data/klinik/update'\n          \n          // SAVE TO REST API\n          await post(url, {\n            data: this.form\n          })\n          .then(response => {\n            let res = response.data\n\n            this.process.form = false\n\n            if (res.code === 200) {\n              this.dialog.form = false\n\n              this.dialog.reset = 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        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      },\n      addFreezes () {\n        this.removeFreezes()\n\n        this.selected.freeze = []\n\n        for (let i = 0; i < this.configHeaders.length; i++) {\n          if (this.configHeaders[i].freeze) {\n            // ADD TO SELECTOR\n            this.selected.freeze.push({\n              child: i + (this.checkbox_select ? 2 : 1),\n              width: this.configHeaders[i].width.split('px')[0]\n            })\n\n            // LOOP STYLESHEET\n            for (let f = 0; f < this.selected.freeze.length; f++) {\n              let style = document.createElement('style'),\n                  width = 0\n              \n              if (this.checkbox_select) {\n                width = f < 1 ? '65' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) + 65 : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width) + 65\n              } else {\n                width = f < 1 ? '0' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width)\n              }\n\n              // ADD STYLESHET TO FREEZE\n              style.innerHTML = `\n                .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 5;\n                  background: #B71C1C;\n                }\n\n                .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 1;\n                }\n              `\n\n              // ADD TO APPENDCHILD\n              document.head.appendChild(style)\n            }\n          }\n        }\n      },\n      removeFreezes () {\n        // LOOP STYLESHEET\n        for (let f = 0; f < this.selected.freeze.length; f++) {\n          let style = document.createElement('style')\n          \n          // RESET STYLESHEET TO AUTO\n          style.innerHTML = `\n            .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n              background: #B71C1C;\n            }\n\n            .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n            }\n          `\n\n          // ADD TO APPENDCHILD\n          document.head.appendChild(style)\n        }\n      },\n      addHides () {\n        if (this.headers.length < 6) this.getTableToResize()\n      },\n      getTableToResize () {\n        let tables = document.getElementsByTagName('table')\n\n        for (let i = 0; i < tables.length; i++) {\n          this.resizableGrid(tables[i])\n        }\n      },\n      resizableGrid (table) {\n        let row = table.getElementsByTagName('tr')[0],\n            cols = row ? row.children : undefined\n        \n        if (!cols) return\n        \n        table.style.overflow = 'hidden'\n        \n        let tableHeight = table.offsetHeight\n        \n        for (let i = 0; i < cols.length; i++) {\n          let div = createDiv(tableHeight)\n          cols[i].appendChild(div)\n          cols[i].style.position = 'relative'\n\n          setListeners(div)\n        }\n\n        function setListeners (div) {\n          let pageX, curCol, nxtCol, curColWidth, nxtColWidth\n\n          div.addEventListener('mousedown', e => {\n            curCol = e.target.parentElement\n            nxtCol = curCol.nextElementSibling\n            pageX = e.pageX\n            \n            let padding = paddingDiff(curCol)\n            \n            curColWidth = curCol.offsetWidth - padding\n\n            if (nxtCol) nxtColWidth = nxtCol.offsetWidth - padding\n          })\n\n          div.addEventListener ('mouseover', e => {\n            e.target.style.borderRight = '2px solid #e0e0e0'\n          })\n\n          div.addEventListener ('mouseout', e => {\n            e.target.style.borderRight = ''\n          })\n\n          document.addEventListener ('mousemove', e => {\n            if (curCol) {\n              let diffX = e.pageX - pageX\n          \n              if (nxtCol) nxtCol.style.width = (nxtColWidth - (diffX))+'px'\n\n              curCol.style.width = (curColWidth + diffX)+'px'\n            }\n          })\n\n          document.addEventListener ('mouseup', () => { \n            curCol = undefined\n            nxtCol = undefined\n            pageX = undefined\n            nxtColWidth = undefined\n            curColWidth = undefined\n          })\n        }\n\n        function createDiv (height) {\n          let div = document.createElement('div')\n\n          div.style.top = 0\n          div.style.right = 0\n          div.style.width = '1px'\n          div.style.position = 'absolute'\n          div.style.cursor = 'col-resize'\n          div.style.userSelect = 'none'\n          div.style.height = height + 'px'\n          div.style.background = '#e0e0e0'\n\n          return div\n        }\n\n        function paddingDiff (col) {\n          if (getStyleVal(col,'box-sizing') == 'border-box') {\n            return 0\n          }\n          \n          let padLeft = getStyleVal(col,'padding-left')\n          let padRight = getStyleVal(col,'padding-right')\n\n          return (parseInt(padLeft) + parseInt(padRight))\n        }\n\n        function getStyleVal (elm,css) {\n          return (window.getComputedStyle(elm, null).getPropertyValue(css))\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  ._maps {\n    width: 100%;\n    height: 500px;\n  }\n</style>\n\n<style>\n  .table-grid table thead > tr > th, .table-grid table tbody > tr > td {\n    position: sticky;\n    position: -webkit-sticky;\n    border-right: 1px solid #e0e0e0;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .table-grid table > thead > tr > th:nth-child(1) {\n    left: 0; \n    z-index: 5;\n    background: #B71C1C;\n  }\n\n  .table-grid table > tbody > tr > td:nth-child(1) {\n    left: 0; \n    z-index: 1;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(even) .text-start, table > tbody > tr:nth-of-type(even) .text-center, table > tbody > tr:nth-of-type(even) .text-end {\n    background: #fafafa;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(odd) .text-start, table > tbody > tr:nth-of-type(odd) .text-center, table > tbody > tr:nth-of-type(odd) .text-end {\n    background: white;\n  }\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./clinic.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!./clinic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./clinic.vue?vue&type=template&id=888f4314&scoped=true&\"\nimport script from \"./clinic.vue?vue&type=script&lang=js&\"\nexport * from \"./clinic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./clinic.vue?vue&type=style&index=0&id=888f4314&prod&scoped=true&lang=css&\"\nimport style1 from \"./clinic.vue?vue&type=style&index=1&id=888f4314&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"888f4314\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/favicon.efeebc84.png\";"],"sourceRoot":""}