{"version":3,"sources":["webpack:///./src/assets/logo/favicon.png","webpack:///./src/components/ppd/gadar.vue","webpack:///src/components/ppd/gadar.vue","webpack:///./src/components/ppd/gadar.vue?1d49","webpack:///./src/components/ppd/gadar.vue?34fe","webpack:///./src/components/ppd/gadar.vue?c8b7"],"names":["module","exports","expression","staticClass","domProps","_vm","attrs","$event","indexOf","callback","$set","dialog","_c","require","scopedSlots","proxy","on","_v","staticStyle","value","slot","process","form","errors","valid","apply","_u","model","kategori_id","$$v","ref","fn","type","key","_g","time","$refs","text","rumah_sakit","is_rujukan","save","config","arguments","dusun","delete","class","fullscreen","selected","item","freeze","addFreezes","index","detail","search","options","handleToggleAll","name","rawName","pagination","total_data","fetch","staticRenderFns","render","data","show","snackbar","hide","row","checkbox_select","headers","list","limit","lastIndex","upload","folder","picker","autocomplete","subdistrict","village","hospital","category","id","kasus","pelaksanaan_datetime","tempat","petugas","kecamatan_name","kecamatan_code","desa_name","desa_code","image","extra","status","load","message","success","error","components","uploadfolder","watch","handler","page","deep","computed","user","configHeaders","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","sort","order_by","params","then","width","sortable","align","format","container","static","t","desa_kecamatan_code","cat_type","reset","toDelete","ids","setTimeout","map","filter","behavior","block","child","f","parseInt","style","this","document","removeFreezes","addHides","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","component"],"mappings":"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AGf,QAAIqD,EAAWC,MAAiCrD,GAAM,gBAAC,IAA2B,sFAAwD,CAAC,iB,GAA8B,UAAWsD,MAAa,IAAKvD,MAAQ,CAAC,EAAG,GAAE,mBAAY,0CAEv6dwD,SAEJ,MAASC,C,igBCivCT,G,UAAA,CACAC,OACA,OACAC,QACArD,QACAsD,YACAnB,cACAxB,QACAsB,UACAsB,QACAjB,WAEAI,UACAN,UACAoB,OACAvB,UACAK,WAEAmB,mBACAd,WACAe,WACAjB,UACAkB,MACAP,SAEAQ,SACAb,cACAc,YACAC,QACAC,aAEAC,UACAxC,QACAyC,cACAC,eACAC,WACAC,aAEAtC,QACAoC,eACAC,WACAC,YACAC,aAEA1D,MACA2D,MACAC,SACAtD,eACAuD,wBACAhD,QACAiD,UACAC,WACA9C,aACA+C,kBACAC,kBACAC,aACAC,aACA9C,SACAL,eACAoD,SACAC,SACAC,gBAEAvE,SACAwE,QACAvE,QACAoE,SACA9C,UACAiC,eACAC,WACAC,YACAC,aAEAc,SACAC,WACAC,YAIAC,YACAC,iEACAxC,gEAEAyC,OACA,SACAC,UACA,OAAAjC,eAAAkC,QACA,eAEAC,SAEA,iBACAF,mBACA,qBACA,8CAEA,qBAEA,yDAIAE,SAEA,iCACA,WACA,8CACA,kDAGA,aACA,6CAEA,uBACA,wBAGA,yBAEA,4BACA,WACA,0CACA,wCAGA,aACA,qCAGA,sCACA,6BAEA,kCACA,yBAEA,mCACA,2BAGAC,UACAC,OACA,+BAEAC,gBACA,yCAGAC,UACA,aACA,0BAEAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGApD,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCACA,UACAA,eAEAA,wBAEA,UAEAqD,cACAjD,yBAEAZ,mBACA,iCAEA,eAAAY,OAAAkC,SACA,qBAEA,iBAEA,OACA9B,YACA8B,YACAgB,8DACAC,+CACAjE,oBAGA,2BAEA,wBAAAkE,WACAC,SACA,aAEA,qBAEA,eACA,cACA,CACAnF,WACAoF,aACAtG,cACAuG,YACAzE,UACAiB,QACAyD,gBAEA,CACAtF,aACAoF,cACAtG,cACA8B,UACAiB,SAEA,CACA7B,gBACAoF,cACAtG,uBACA8B,UACAiB,SAEA,CACA7B,2BACAoF,cACAtG,6BACA8B,UACAiB,QACA0D,mBAEA,CACAvF,uBACAoF,cACAtG,eACA8B,UACAiB,SAEA,CACA7B,eACAoF,cACAtG,gBACA8B,UACAiB,SAEA,CACA7B,eACAoF,cACAtG,mBACA8B,UACAiB,QACA0D,cAEA,CACAvF,mBACAoF,cACAtG,oBACA8B,UACAiB,SAEA,CACA7B,iBACAoF,cACAtG,uBACA8B,UACAiB,SAEA,CACA7B,iBACAoF,cACAtG,kBACA8B,UACAiB,SAEA,CACA7B,aACAoF,cACAtG,cACA8B,UACAiB,SAEA,CACA7B,kBACAoF,cACAtG,mBACA8B,UACAiB,SAEA,CACA7B,cACAoF,cACAtG,eACA8B,UACAiB,UAIA,sBACA,6BAEA,gCACA,kBAEA,kBAEA,6CAAA2D,oFAEA,uEAIAC,SACA,WACA,OACA,oBACAC,yBAEA,OACA1E,kCACAgE,mBAGA,qCAAAE,WACAC,SACA,aAEA,eACAO,yBAEAA,gCAIA,gBACAA,qBAEA,OACAC,0CACA3E,8BACAgE,mBAGA,gCAAAE,WACAC,SACA,aAEA,eACAO,qBAEAA,4BAIA,iBACAA,sBAEA,OACAxD,iBAGA,mCAAAgD,WACAC,SACA,aAEA,eACAO,sBAEAA,6BAIA,iBACAA,sBAEA,OACAxD,UACA0D,wBAGA,2BAAAV,WACAC,SACA,aAEA,eACAO,sBAEAA,+BAMAG,SACA,yCAEA,WACAjD,sBACAC,4BACAtD,wCACAuD,wEACAhD,wDACAiD,8BACAC,gCACA9C,qCACA+C,8CACAC,8CACAC,oCACAC,oCACA9C,4BACAL,wCACAoD,4BACAC,4BACAC,oCAGA,qBAEA,uBAEAuC,WACA,wBAEA,+BACA,6DAGA,uBAEA,gBACA,sBAEA,6BAEA,+BACApE,MACAqE,4BAEA,SACA,aAEA,cACA,uBACA,sBAEA,qBACA,wBAEA,wBACA,+BAEA,0BAEA,eAEA,uBACA,iCAIA,aACA,sBACA,yCAEA,MACA,qBAEA,sDAEA,2FAGA,kBACArE,iBAEAyD,SACA,aAEA,qBAEA,cACA,oBAEA,qBAEA,wBAEA,+BAEA,cAEA,oCAKAa,gBACA,+CACAC,eAAArG,MAAAd,WACAoH,6BACA,sDACAC,kBACAC,kBAEA,KAGAvF,aACA,qBAEA,wBAEA,4CACA,iCAEA,2BACAwF,mCACAjB,mDAIA,+CACA,sCACAA,IAGAA,EADA,qBACAA,SACAkB,mDACAC,uFAEAnB,QACAkB,gDACAC,oFAIAC,+EACgEC,KAAK/F,SAASE,OAAO0F,GAAGD,qCAC9DjB,mKAKsCqB,KAAK/F,SAASE,OAAO0F,GAAGD,qCAC9DjB,yEAM1BsB,gCAKAC,gBAEA,+CACA,sCAGAH,2EAC4DC,KAAK/F,SAASE,OAAO0F,GAAGD,qLAMxBI,KAAK/F,SAASE,OAAO0F,GAAGD,+FAOpFK,+BAGAE,WACA,gDAEAC,mBACA,6CAEA,2BACA,0BAGAC,iBACA,sCACAC,sBAEA,aAEAC,0BAEA,qBAEA,4BACA,WACAD,oBACAA,+BAEAE,KAGA,cACA,cAEAC,mCACAC,yBACAC,uBACAC,UAEA,WAEAC,kBAEA,yBAGAJ,mCACAK,iDAGAL,kCACAK,gCAGAb,0CACA,MACA,gBAEA,4BAEAS,0BAIAT,yCACAS,SACAC,SACAC,SACAG,SACAF,WAIA,cACA,oCAWA,OATAJ,cACAA,gBACAA,oBACAA,4BACAA,4BACAA,0BACAA,sBACAA,6BAEA,EAGA,cACA,mCACA,SAGA,0BACA,uBAEA,+BAGA,gBACA,gEC18D8V,I,wBCQ1VO,EAAY,eACd,EACA,EACAjG,GACA,EACA,KACA,KACA,MAIa,aAAAiG,E,kECnBf,Y","file":"js/chunk-aa9c8f40.05036580.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/favicon.efeebc84.png\";","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\":\"kasus\",\"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                    Kasus\\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. Gagal Ginjal\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.kasus !== '' && 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                          Kasus \"+_vm._s(errors[0])+\"\\n                        \")])],1):_vm._e(),(_vm.form.kasus !== '' && 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.kasus),callback:function ($$v) {_vm.$set(_vm.form, \"kasus\", $$v)},expression:\"form.kasus\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"kategori_id\",\"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                      Kategori\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-select',{staticStyle:{\"width\":\"40%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"item-color\":\"red darken-1\",\"placeholder\":\"Contoh: Gadar Trauma KLL\",\"items\":_vm.config.category,\"loading\":_vm.process.category,\"item-value\":\"id\",\"item-text\":\"cat_title\",\"success\":_vm.form.kategori_id !== ''},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                            Kategori \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.kategori_id !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.kategori_id),callback:function ($$v) {_vm.$set(_vm.form, \"kategori_id\", $$v)},expression:\"form.kategori_id\"}})]}}])})],1),_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                      Tanggal Pelaksanaan\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-menu',{ref:\"picker\",attrs:{\"min-width\":\"290px\",\"max-width\":\"290px\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"nudge-right\":40,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('ValidationProvider',{attrs:{\"name\":\"pelaksanaan_datetime\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. 2022-10-13\",\"hide-details\":\"\",\"clearable\":\"\",\"success\":_vm.form.pelaksanaan_datetime !== '' && valid,\"error-messages\":errors},on:{\"click:clear\":function($event){_vm.form.pelaksanaan_datetime = ''}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                                  \\n                                  Tanggal Pelaksanaan \"+_vm._s(errors[0])+\"\\n                                \")])],1):_vm._e(),(_vm.form.pelaksanaan_datetime !== '' && 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.pelaksanaan_datetime),callback:function ($$v) {_vm.$set(_vm.form, \"pelaksanaan_datetime\", $$v)},expression:\"form.pelaksanaan_datetime\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}]),model:{value:(_vm.picker),callback:function ($$v) {_vm.picker=$$v},expression:\"picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#B71C1C\"},on:{\"input\":function($event){_vm.picker = false}},model:{value:(_vm.form.pelaksanaan_datetime),callback:function ($$v) {_vm.$set(_vm.form, \"pelaksanaan_datetime\", $$v)},expression:\"form.pelaksanaan_datetime\"}})],1)],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                      Jam\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-menu',{ref:\"time\",attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"return-value\":_vm.form.time,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"max-width\":\"290px\",\"min-width\":\"290px\"},on:{\"update:returnValue\":function($event){return _vm.$set(_vm.form, \"time\", $event)},\"update:return-value\":function($event){return _vm.$set(_vm.form, \"time\", $event)}},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('ValidationProvider',{attrs:{\"name\":\"time\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"readonly\":\"\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 08:00\",\"clearable\":\"\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.time !== '' && _vm.form.time !== null && valid,\"error-messages\":errors},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"click:clear\":function($event){_vm.form.time = ''}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                                  \\n                                  Jam \"+_vm._s(errors[0])+\"\\n                                \")])],1):_vm._e(),(_vm.form.time !== '' && _vm.form.time !== null && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.time),callback:function ($$v) {_vm.$set(_vm.form, \"time\", $$v)},expression:\"form.time\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}]),model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v},expression:\"time\"}},[(_vm.time)?_c('v-time-picker',{attrs:{\"full-width\":\"\",\"format\":\"24hr\",\"color\":\"#B71C1C\"},on:{\"click:minute\":function($event){return _vm.$refs.time.save(`${_vm.form.time}:00`)}},model:{value:(_vm.form.time),callback:function ($$v) {_vm.$set(_vm.form, \"time\", $$v)},expression:\"form.time\"}}):_vm._e()],1)],1)],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"tempat\",\"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                      Tempat / Lokasi\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-text-field',{staticStyle:{\"max-width\":\"55%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Klaten\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.tempat !== '' && 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                            Tempat / Lokasi \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.tempat !== '' && 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.tempat),callback:function ($$v) {_vm.$set(_vm.form, \"tempat\", $$v)},expression:\"form.tempat\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"petugas\",\"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                      Petugas\\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. Veronica Jamez\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.petugas !== '' && 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                            Petugas \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.petugas !== '' && 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.petugas),callback:function ($$v) {_vm.$set(_vm.form, \"petugas\", $$v)},expression:\"form.petugas\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"is_rujukan\",\"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                      Rujukan\\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: 'Ya',\n                          value: 1\n                        },\n                        {\n                          text: 'Tidak',\n                          value: 0\n                        }\n                      ],\"success\":_vm.form.is_rujukan !== ''},on:{\"change\":function($event){_vm.form.rumah_sakit = ''}},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                            Rujukan \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.is_rujukan !== '' && 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.is_rujukan),callback:function ($$v) {_vm.$set(_vm.form, \"is_rujukan\", $$v)},expression:\"form.is_rujukan\"}})]}}])})],1),(_vm.form.is_rujukan > 0)?_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"rumah_sakit\",\"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                      Rumah Sakit\\n                      \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                        (wajib diisi)\\n                      \")])]),_c('v-autocomplete',{staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. RS. Umum Islam Klaten\",\"search-input\":_vm.autocomplete.hospital,\"loading\":_vm.process.hospital,\"items\":_vm.config.hospital,\"item-value\":\"title\",\"item-text\":\"title\",\"item-color\":\"red darken-1\",\"success\":_vm.form.rumah_sakit !== '' && valid,\"error-messages\":errors,\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"hospital\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"hospital\", $event)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                            \\n                            Rumah Sakit \"+_vm._s(errors[0])+\"\\n                          \")])],1):_vm._e(),(_vm.form.rumah_sakit !== '' && 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.rumah_sakit),callback:function ($$v) {_vm.$set(_vm.form, \"rumah_sakit\", $$v)},expression:\"form.rumah_sakit\"}})]}}],null,false,143953985)})],1):_vm._e(),_c('v-row',[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                      Kecamatan (bisa dikosongi)\\n                    \")]),_c('v-autocomplete',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Trucuk\",\"search-input\":_vm.autocomplete.subdistrict,\"loading\":_vm.process.subdistrict,\"items\":_vm.config.subdistrict,\"item-value\":\"kecamatan_code\",\"item-text\":\"kecamatan_name\",\"item-color\":\"red darken-1\",\"success\":_vm.form.kecamatan_code !== ''},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.form.kecamatan_code !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.kecamatan_code),callback:function ($$v) {_vm.$set(_vm.form, \"kecamatan_code\", $$v)},expression:\"form.kecamatan_code\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                      Kelurahan (bisa dikosongi)\\n                    \")]),_c('v-autocomplete',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Kradenan\",\"search-input\":_vm.autocomplete.village,\"loading\":_vm.process.village,\"items\":_vm.config.village,\"item-value\":\"desa_code\",\"item-text\":\"desa_name\",\"item-color\":\"red darken-1\",\"success\":_vm.form.desa_code !== ''},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)},\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.form.desa_code !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.desa_code),callback:function ($$v) {_vm.$set(_vm.form, \"desa_code\", $$v)},expression:\"form.desa_code\"}})],1)],1),_c('div',{staticClass:\"my-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                    Dukuh (boleh dikosongi)\\n                  \")]),_c('v-text-field',{staticStyle:{\"max-width\":\"55%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Kemiri\",\"vvvv-uppercase\":\"\",\"success\":_vm.form.dusun !== ''},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save.apply(null, arguments)}},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(_vm.form.dusun !== '')?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}]),model:{value:(_vm.form.dusun),callback:function ($$v) {_vm.$set(_vm.form, \"dusun\", $$v)},expression:\"form.dusun\"}})],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\":\"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 Ambulan 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=\"kasus\" \n                    rules=\"required\" \n                    v-slot=\"{ errors, valid }\">\n                    <div class=\"body-2 mb-2\">\n                      <span class=\"red--text\">*</span>\n                      Kasus\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. Gagal Ginjal\"\n                      \n                      v-model=\"form.kasus\"\n                      vvvv-uppercase\n                      :success=\"form.kasus !== '' && 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                            Kasus {{ errors[0] }}\n                          </v-tooltip>\n                        </div>\n\n                        <div v-if=\"form.kasus !== '' && 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=\"kategori_id\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Kategori\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n\n                      <v-select\n                        style=\"width: 40%;\"\n                        dense\n                        outlined\n                        single-line\n                        hide-details\n                        color=\"#B71C1C\"\n                        item-color=\"red darken-1\"\n                        placeholder=\"Contoh: Gadar Trauma KLL\"\n                        :items=\"config.category\"\n                        :loading=\"process.category\"\n                        item-value=\"id\"\n                        item-text=\"cat_title\"\n                        v-model=\"form.kategori_id\"\n                        :success=\"form.kategori_id !== ''\">\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                              Kategori {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.kategori_id !== '' && 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                  <v-row>\n                    <v-col\n                      cols=\"12\"\n                      md=\"5\"\n                      class=\"py-0\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Tanggal Pelaksanaan\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n\n                      <v-menu\n                        ref=\"picker\"\n                        min-width=\"290px\"\n                        max-width=\"290px\"\n                        transition=\"scale-transition\"\n                        offset-y\n                        :nudge-right=\"40\"\n                        :close-on-content-click=\"false\"\n                        v-model=\"picker\">\n                        <template v-slot:activator=\"{ on, attrs }\">\n                          <ValidationProvider \n                            name=\"pelaksanaan_datetime\" \n                            rules=\"required\"\n                            v-slot=\"{ errors, valid }\">\n                            <v-text-field\n                              v-model=\"form.pelaksanaan_datetime\"\n                              vvvv-uppercase\n                              readonly\n                              outlined\n                              dense\n                              color=\"#B71C1C\"\n                              placeholder=\"Contoh. 2022-10-13\"\n                              hide-details\n                              clearable\n                              @click:clear=\"form.pelaksanaan_datetime = ''\"\n                              v-on=\"on\"\n                              v-bind=\"attrs\"\n                              :success=\"form.pelaksanaan_datetime !== '' && valid\"\n                              :error-messages=\"errors\">\n                              <template v-slot:append-outer>\n                                <div v-if=\"errors.length > 0\">\n                                  <v-tooltip top color=\"#ff5252\">\n                                    <template v-slot:activator=\"{ on }\">\n                                      <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                                    </template>\n                                    \n                                    Tanggal Pelaksanaan {{ errors[0] }}\n                                  </v-tooltip>\n                                </div>\n\n                                <div v-if=\"form.pelaksanaan_datetime !== '' && valid\">\n                                  <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                </div>\n                              </template>\n                            </v-text-field>\n                          </ValidationProvider>\n                        </template>\n\n                        <v-date-picker \n                          color=\"#B71C1C\"\n                          v-model=\"form.pelaksanaan_datetime\"\n                          @input=\"picker = false\">\n                        </v-date-picker>\n                      </v-menu>\n                    </v-col>\n\n                    <v-col\n                      cols=\"12\"\n                      md=\"3\"\n                      class=\"py-0\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Jam\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n\n                      <v-menu\n                        ref=\"time\"\n                        v-model=\"time\"\n                        :close-on-content-click=\"false\"\n                        :nudge-right=\"40\"\n                        :return-value.sync=\"form.time\"\n                        transition=\"scale-transition\"\n                        offset-y\n                        max-width=\"290px\"\n                        min-width=\"290px\">\n                        <template v-slot:activator=\"{ on, attrs }\">\n                          <ValidationProvider \n                            name=\"time\" \n                            rules=\"required\"\n                            v-slot=\"{ errors, valid }\">\n                            <v-text-field\n                              v-on:keyup.enter=\"save\"\n                              v-bind=\"attrs\"\n                              v-on=\"on\"\n                              readonly\n                              dense\n                              outlined\n                              color=\"#B71C1C\"\n                              hide-details\n                              placeholder=\"Contoh. 08:00\"\n\n                              clearable\n                              @click:clear=\"form.time = ''\"\n                              \n                              v-model=\"form.time\"\n                              vvvv-uppercase\n                              :success=\"form.time !== '' && form.time !== null && valid\"\n                              :error-messages=\"errors\">\n                              <template v-slot:append-outer>\n                                <div v-if=\"errors.length > 0\">\n                                  <v-tooltip top color=\"#ff5252\">\n                                    <template v-slot:activator=\"{ on }\">\n                                      <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                                    </template>\n                                    \n                                    Jam {{ errors[0] }}\n                                  </v-tooltip>\n                                </div>\n\n                                <div v-if=\"form.time !== '' && form.time !== null && valid\">\n                                  <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                                </div>\n                              </template>\n                            </v-text-field>\n                          </ValidationProvider>\n                        </template>\n\n                        <v-time-picker\n                          v-if=\"time\"\n                          v-model=\"form.time\"\n                          full-width\n                          format=\"24hr\"\n                          color=\"#B71C1C\"\n                          @click:minute=\"$refs.time.save(`${form.time}:00`)\">\n                        </v-time-picker>\n                      </v-menu>\n                    </v-col>\n                  </v-row>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"tempat\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Tempat / Lokasi\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: 55%;\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. Klaten\"\n                        \n                        v-model=\"form.tempat\"\n                        vvvv-uppercase\n                        :success=\"form.tempat !== '' && 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                              Tempat / Lokasi {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.tempat !== '' && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-text-field>\n                    </ValidationProvider>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"petugas\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Petugas\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. Veronica Jamez\"\n                        \n                        v-model=\"form.petugas\"\n                        vvvv-uppercase\n                        :success=\"form.petugas !== '' && 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                              Petugas {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.petugas !== '' && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-text-field>\n                    </ValidationProvider>\n                  </div>\n\n                  <div\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"is_rujukan\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Rujukan\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: 'Ya',\n                            value: 1\n                          },\n                          {\n                            text: 'Tidak',\n                            value: 0\n                          }\n                        ]\"\n                        v-on:change=\"form.rumah_sakit = ''\"\n                        v-model=\"form.is_rujukan\"\n                        :success=\"form.is_rujukan !== ''\">\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                              Rujukan {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.is_rujukan !== '' && 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 v-if=\"form.is_rujukan > 0\"\n                    class=\"my-6\">\n                    <ValidationProvider \n                      name=\"rumah_sakit\" \n                      rules=\"required\" \n                      v-slot=\"{ errors, valid }\">\n                      <div class=\"body-2 mb-2\">\n                        <span class=\"red--text\">*</span>\n                        Rumah Sakit\n                        <span class=\"error--text\">\n                          (wajib diisi)\n                        </span>\n                      </div>\n\n                      <v-autocomplete\n                        v-on:keyup.enter=\"save\"\n                        style=\"max-width: 70%;\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. RS. Umum Islam Klaten\"\n\n                        :search-input.sync=\"autocomplete.hospital\"\n                        :loading=\"process.hospital\"\n                        \n                        :items=\"config.hospital\"\n                        item-value=\"title\"\n                        item-text=\"title\"\n                        item-color=\"red darken-1\"\n\n                        v-model=\"form.rumah_sakit\"\n                        :success=\"form.rumah_sakit !== '' && 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                              Rumah Sakit {{ errors[0] }}\n                            </v-tooltip>\n                          </div>\n\n                          <div v-if=\"form.rumah_sakit !== '' && valid\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-autocomplete>\n                    </ValidationProvider>\n                  </div>\n\n                  <v-row>\n                    <v-col\n                      cols=\"12\"\n                      md=\"5\"\n                      class=\"py-0\">\n                      <div class=\"body-2 mb-2\">\n                        Kecamatan (bisa dikosongi)\n                      </div>\n\n                      <v-autocomplete\n                        v-on:keyup.enter=\"save\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. Trucuk\"\n\n                        :search-input.sync=\"autocomplete.subdistrict\"\n                        :loading=\"process.subdistrict\"\n                        \n                        :items=\"config.subdistrict\"\n                        item-value=\"kecamatan_code\"\n                        item-text=\"kecamatan_name\"\n                        item-color=\"red darken-1\"\n\n                        v-model=\"form.kecamatan_code\"\n                        :success=\"form.kecamatan_code !== ''\">\n                        <template v-slot:append-outer>\n                          <div v-if=\"form.kecamatan_code !== ''\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-autocomplete>\n                    </v-col>\n\n                    <v-col\n                      cols=\"12\"\n                      md=\"5\"\n                      class=\"py-0\">\n                      <div class=\"body-2 mb-2\">\n                        Kelurahan (bisa dikosongi)\n                      </div>\n\n                      <v-autocomplete\n                        v-on:keyup.enter=\"save\"\n                        dense\n                        outlined\n                        color=\"#B71C1C\"\n                        hide-details\n                        placeholder=\"Contoh. Kradenan\"\n\n                        :search-input.sync=\"autocomplete.village\"\n                        :loading=\"process.village\"\n                        \n                        :items=\"config.village\"\n                        item-value=\"desa_code\"\n                        item-text=\"desa_name\"\n                        item-color=\"red darken-1\"\n\n                        v-model=\"form.desa_code\"\n                        :success=\"form.desa_code !== ''\">\n                        <template v-slot:append-outer>\n                          <div v-if=\"form.desa_code !== ''\">\n                            <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                          </div>\n                        </template>\n                      </v-autocomplete>\n                    </v-col>\n                  </v-row>\n\n                  <div\n                    class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      Dukuh (boleh dikosongi)\n                    </div>\n                    \n                    <v-text-field\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 55%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      placeholder=\"Contoh. Kemiri\"\n                      \n                      v-model=\"form.dusun\"\n                      vvvv-uppercase\n                      :success=\"form.dusun !== ''\">\n                      <template v-slot:append-outer>\n                        <div v-if=\"form.dusun !== ''\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-text-field>\n                  </div>\n\n                  <!-- <div\n                    class=\"my-6\">\n                    <div class=\"body-2 mb-2\">\n                      Rumah Sakit (bisa dikosongi)\n                    </div>\n\n                    <v-autocomplete\n                      v-on:keyup.enter=\"save\"\n                      style=\"max-width: 70%;\"\n                      dense\n                      outlined\n                      color=\"#B71C1C\"\n                      hide-details\n                      placeholder=\"Contoh. RS. Umum Islam Klaten\"\n\n                      :search-input.sync=\"autocomplete.hospital\"\n                      :loading=\"process.hospital\"\n                      \n                      :items=\"config.hospital\"\n                      item-value=\"title\"\n                      item-text=\"title\"\n                      item-color=\"red darken-1\"\n\n                      v-model=\"form.rumah_sakit\"\n                      :success=\"Object.keys(form.rumah_sakit).length > 0\">\n                      <template v-slot:append-outer>\n                        <div v-if=\"Object.keys(form.rumah_sakit).length > 0\">\n                          <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                        </div>\n                      </template>\n                    </v-autocomplete>\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.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 Ambulan 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          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        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        upload: {\n          folder: null\n        },\n        picker: false,\n        time: false,\n        autocomplete: {\n          subdistrict: '',\n          village: '',\n          hospital: ''\n        },\n        config: {\n          subdistrict: [],\n          village: [],\n          hospital: [],\n          category: []\n        },\n        form: {\n          id: '',\n          kasus: '',\n          kategori_id: '',\n          pelaksanaan_datetime: '',\n          time: '',\n          tempat: '',\n          petugas: '',\n          is_rujukan: 0,\n          kecamatan_name: '',\n          kecamatan_code: '',\n          desa_name: '',\n          desa_code: '',\n          dusun: '',\n          rumah_sakit: '',\n          image: '',\n          extra: {},\n          status: 'draft'\n        },\n        process: {\n          load: false,\n          form: false,\n          image: false,\n          delete: false,\n          subdistrict: false,\n          village: false,\n          hospital: false,\n          category: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue'),\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue')\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      },\n      'upload.folder': {\n        handler: function () {\n          if (this.upload.folder) {\n            this.process.image = this.upload.folder.process\n\n            if (!this.process.image) {\n              // CALLBACK FROM UPLOAD IMAGE\n              this.form.image = this.upload.folder.data.full.file_url\n            }\n          }\n        },\n        deep: true\n      },\n      'form.kecamatan_code': function() {\n        let t = this\n        let kec = this.config.subdistrict.filter(function(v) {\n          return t.form.kecamatan_code == v.kecamatan_code\n        })\n\n        if (kec.length > 0) {\n          this.form.kecamatan_name = kec[0].kecamatan_name\n\n          this.form.desa_code = ''\n          this.form.desa_name = ''\n        }\n\n        this.static().village()\n      },\n      'form.desa_code': function() {\n        let t = this\n        let kel = this.config.village.filter(function(v) {\n          return t.form.desa_code == v.desa_code\n        })\n\n        if (kel.length > 0) {\n          this.form.desa_name = kel[0].desa_name\n        }\n      },\n      'autocomplete.subdistrict': function() {\n        this.static().subdistrict()\n      },\n      'autocomplete.village': function() {\n        this.static().village()\n      },\n      'autocomplete.hospital': function() {\n        this.static().hospital()\n      }\n    },\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.static().category()\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 if (format === 'r_j') {\n          data = value ? 'Ya' : 'Tidak'\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('gadar', { 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: 'Kasus',\n                width: '300px',\n                value: 'kasus',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Kategori',\n                width: '200px',\n                value: 'kategori_title',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Tanggal Pelaksanaan',\n                width: '200px',\n                value: 'pelaksanaan_datetime',\n                freeze: false,\n                hide: false,\n                format: 'datetime'\n              },\n              {\n                text: 'Tempat / Lokasi',\n                width: '200px',\n                value: 'tempat',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Petugas',\n                width: '200px',\n                value: 'petugas',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Rujukan',\n                width: '200px',\n                value: 'is_rujukan',\n                freeze: false,\n                hide: false,\n                format: 'r_j'\n              },\n              {\n                text: 'Rumah sakit',\n                width: '300px',\n                value: 'rumah_sakit',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Kecamatan',\n                width: '200px',\n                value: 'kecamatan_name',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Kelurahan',\n                width: '200px',\n                value: 'desa_name',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Dukuh',\n                width: '200px',\n                value: 'dusun',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'User Input',\n                width: '200px',\n                value: 'user_level',\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.addFreezes()\n\n            this.$vuetify.goTo(this.$refs['table-grid'], { container: this.$refs['table-grid'].$el.querySelector('div.v-data-table__wrapper') })\n\n            if (this.headers.length < 7 && this.list.length > 0) this.getTableToResize()\n          }\n        })\n      },\n      static () {\n        let t = this\n        return {\n          async subdistrict () {\n            t.process.subdistrict = true\n\n            let params = {\n              search: t.autocomplete.subdistrict,\n              sort: 'DESC'\n            }\n\n            await get('location/kecamatan', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.subdistrict = false\n\n                t.config.subdistrict = res.data\n              }\n            })\n          },\n          async village () {\n            t.process.village = true\n\n            let params = {\n              desa_kecamatan_code: t.form.kecamatan_code,\n              search: t.autocomplete.village,\n              sort: 'DESC'\n            }\n\n            await get('location/desa', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.village = false\n\n                t.config.village = res.data\n              }\n            })\n          },\n          async hospital () {\n            t.process.hospital = true\n\n            let params = {\n              limit: 10000\n            }\n\n            await get('data/rumah_sakit', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.hospital = false\n\n                t.config.hospital = res.data\n              }\n            })\n          },\n          async category () {\n            t.process.category = true\n\n            let params = {\n              limit: 10000,\n              cat_type: 'gadar'\n            }\n\n            await get('category', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.code === 200) {\n                t.process.category = false\n\n                t.config.category = res.data\n              }\n            })\n          }\n        }\n      },\n      reset (item) {\n        if (this.$refs.form) this.$refs.form.reset()\n        \n        this.form = {\n          id: item !== undefined ? item.id : '',\n          kasus: item !== undefined ? item.kasus : '',\n          kategori_id: item !== undefined ? item.kategori_id : '',\n          pelaksanaan_datetime: item !== undefined ? item.pelaksanaan_datetime.split(' ')[0] : '',\n          time: item !== undefined ? item.pelaksanaan_datetime.split(' ')[1] : '',\n          tempat: item !== undefined ? item.tempat : '',\n          petugas: item !== undefined ? item.petugas : '',\n          is_rujukan: item !== undefined ? item.is_rujukan : 0,\n          kecamatan_name: item !== undefined ? item.kecamatan_name : '',\n          kecamatan_code: item !== undefined ? item.kecamatan_code : '',\n          desa_name: item !== undefined ? item.desa_name : '',\n          desa_code: item !== undefined ? item.desa_code : '',\n          dusun: item !== undefined ? item.dusun : '',\n          rumah_sakit: item !== undefined ? item.rumah_sakit : '',\n          image: item !== undefined ? item.image : '',\n          extra: item !== undefined ? item.extra : {},\n          status: item !== undefined ? item.status : 'draft'\n        }\n\n        this.process.form = false\n\n        this.message.error = ''\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(`gadar/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 === '' ? 'gadar/create' : 'gadar/update'\n\n          this.form.pelaksanaan_datetime = `${this.form.pelaksanaan_datetime} ${this.form.time}`\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>\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!./gadar.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!./gadar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./gadar.vue?vue&type=template&id=c4961d84&\"\nimport script from \"./gadar.vue?vue&type=script&lang=js&\"\nexport * from \"./gadar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./gadar.vue?vue&type=style&index=0&id=c4961d84&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./gadar.vue?vue&type=style&index=0&id=c4961d84&prod&lang=css&\""],"sourceRoot":""}