{"version":3,"sources":["webpack:///./src/components/basic/table.vue","webpack:///src/components/basic/table.vue","webpack:///./src/components/basic/table.vue?a1e7","webpack:///./src/components/basic/table.vue?0218","webpack:///./src/assets/logo/favicon.png","webpack:///./src/components/basic/table.vue?7717"],"names":["domProps","_c","attrs","$event","type","_vm","dialog","fullscreen","fetch","filter","staticClass","class","scopedSlots","key","fn","on","index","style","value","callback","$set","expression","_e","placeholder","item","model","$$v","radio","_u","picker","_v","width","subItem","autocomplete","static_loc","subdistrict","form_static","require","hide","delete","process","selected","indexOf","approve","reject","form","config","staticStyle","length","action","edit","detail","row","button","toDelete","search","_s","text","options","handleToggleAll","directives","rawName","pagination","total_data","staticRenderFns","props","default","data","snackbar","freeze","filters","menu","status_approved","status_rejected","headers","list","lastIndex","limit","reason","load","print","message","success","error","village","components","forms","computed","rps","configHeaders","watch","handler","page","deep","t","Object","obj","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","doubleClick","handleFilters","field","comparison","sort","order_by","params","container","ids","toApprove","id","toReject","window","addFreezes","child","f","parseInt","this","document","removeFreezes","addHides","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","then","console","static_location","desa_kecamatan_code","component","module","exports"],"mappings":"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AU,cAAS,UAAa,yCAAC7D,MAAM,CAAC,IAAO,QAAK4D,QAAW,mBAAI,IAA+B,MAAOzD,CAAG,EAACG,GAAML,iBAAO,qDAAgC,CAAwB,iBAAC,mBAAIE,IAEh/C2D,SAAe,GAAG,iBAAE,wC,+gBCyrCxB,G,UAAA,CACAC,OACAnB,QACA1C,YACA8D,aAGAC,OACA,OACA7D,QACAC,cACA6D,YACA3D,UACA4D,UACAxB,QACAN,UACAI,WACAC,UACAN,SAEAiB,UACAe,WACA7B,UACAW,OACAiB,UACA9B,UACAI,WACAC,UAGA2B,OAGAC,mBACAC,oBAEAf,WACAgB,WACAvB,UACAwB,QACAb,cACAc,YACAC,SACAhC,MAAAiC,WACAtC,SACAuC,QACAxC,UACAI,WACAC,UACAoC,UAEAC,SACAC,WACAC,UAGA/C,aACAD,eACAiD,YAEAnD,cACAE,eACAiD,YAEAlD,YACAC,eACAiD,cAIAC,YACAvB,+DACAwB,2DAEAC,UACAC,MACA,sCAEAC,gBACA,yCAGAC,OACA,SACAC,UACA,OAAAvC,eAAAwC,QACA,eAEAC,SAEA,2BACA,wFAEA,uFAEA,2BACA,cAEA,yBACA,sCAeA,kBAAAC,OAEAC,oCAKA,6DAEAD,sBACA,cACAE,wBAKA,0BAAAA,mDAIA,qCACA,kCAEA,mCAGA,sCACA,sCAEA,kCACA,mCAGAC,YAGAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGAvC,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCAEAA,wBAEA,UAEAwC,cACAvD,yBAEAwD,oBAAApF,MAIAmC,mBACA,iCAEAkD,gBACA,yBACAH,KAEA,2BACA,qBACAA,QACAtG,cACA0G,iBACA5F,iBACA6F,sBAEA,CACA,eAEA,2BACAL,QACAtG,cACA0G,iBACA5F,iBACA6F,kBAeA,OATA,+BACAL,QACAtG,cACA0G,mCACA5F,yHACA6F,kBAIA,GAEA,eAAA3D,OAAAwC,SACA,qBAEA,iBAIA,OACAf,YACAe,YAEAoB,8DACAC,+CACA1D,mBACA9C,6BAGA,2BAEA,gCAAAyG,WAAA,SACA,aAEA,qBAEA,eACA,gCACA,gCAEA,iBACA,6BAEA,gCACA,kBAMA,kBAEA,6CAAAC,oFAEA,uEAIA7D,WACA,wBAEA,+BACA,6DAGA,uBAEA,gBACA,sBAEA,6BAEA,iDACAa,MACAiD,4BAEA,SACA,aAEA,cACA,uBACA,sBAEA,qBACA,wBAEA,wBACA,+BAEA,0BAEA,eAEA,uBACA,iCAIAC,YACA,yBAEA,+BACA,8DAGA,wBAEA,iBACA,sBAEA,8BAEA,kDACAlD,MACAmD,+BAEA,SACA,aAEA,cACA,wBACA,uBAEA,qBACA,yBAEA,wBACA,+BAEA,0BAEA,eAEA,wBACA,iCAIAC,WACA,wBAEA,+BACA,6DAGA,uBAEA,iBACA,sBAEA,6BAEA,iDACApD,MACAmD,2BACAxC,2BAEA,SACA,aACA,cACA,uBACA,sBAEA,qBACA,wBAEA,oBAEA,wBACA,+BAEA,0BAEA,eAEA,uBACA,iCAIA,eACA,sBAEA,sBAKA,OACAwC,kCAGA,gDAAAJ,WAAA,SACA,aAEA,cACA,sBAEAM,mCAEA,sBACA,iCAIAC,aACA,qBAEA,wBAEA,4CACA,iCAEA,2BACAC,mCACA3F,mDAIA,+CACA,sCACAA,IAGAA,EADA,qBACAA,SACA4F,mDACAC,uFAEA7F,QACA4F,gDACAC,oFAIA3G,+EACgE4G,KAAKpF,SAAS4B,OAAOsD,GAAGD,qCAC9D3F,mKAKsC8F,KAAKpF,SAAS4B,OAAOsD,GAAGD,qCAC9D3F,yEAM1B+F,gCAwCAC,gBAEA,+CACA,sCAGA9G,2EAC4D4G,KAAKpF,SAAS4B,OAAOsD,GAAGD,qLAMxBG,KAAKpF,SAAS4B,OAAOsD,GAAGD,+FAOpFI,+BAGAE,WACA,gDAEAC,mBACA,6CAEA,2BACA,0BAGAC,iBACA,sCACAC,sBAEA,aAEAC,0BAEA,qBAEA,4BACA,WACAD,oBACAA,+BAEAE,KAGA,cACA,cAEAC,mCACAC,yBACAC,uBACAC,UAEA,WAEAC,kBAEA,yBAGAJ,mCACAK,iDAGAL,kCACAK,gCAGAb,0CACA,MACA,gBAEA,4BAEAS,0BAIAT,yCACAS,SACAC,SACAC,SACAG,SACAF,WAIA,cACA,oCAWA,OATAJ,cACAA,gBACAA,oBACAA,4BACAA,4BACAA,0BACAA,sBACAA,6BAEA,EAGA,cACA,mCACA,SAGA,0BACA,uBAEA,+BAGA,gBACA,6DAGA,eACA,wCAEA,uCACAnE,MACAiD,8CAGAyB,SACArB,+KAWAsB,mDAEA,+BACAtB,wIACA,6BACAA,4IAEAA,oFAKAuB,kBACA,WACA,OACA,oBACA,OACAxF,kCACAyD,mBAGA,qCAAAE,WACA2B,SACA,aAEA,eACA/C,oCAIA,gBACA,OACAkD,8CACAzF,8BACAyD,mBAGA,gCAAAE,WACA2B,SACA,aAEA,eACA/C,qCCl4D8V,I,wBCQ1VmD,EAAY,eACd,EACA,EACAjF,GACA,EACA,KACA,KACA,MAIa,aAAAiF,E,uDCnBfC,EAAOC,QAAU,IAA0B,4B,kCCA3C,Y","file":"js/chunk-30b4bddc.1f342c6c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_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\":\"550\",\"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.filter = false},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;_vm.dialog.filter = false; _vm.dialog.fullscreen = false; _vm.fetch();}]},model:{value:(_vm.dialog.filter),callback:function ($$v) {_vm.$set(_vm.dialog, \"filter\", $$v)},expression:\"dialog.filter\"}},[_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          Filter 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.filter = 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',[_vm._l((_vm.filters),function(item,index){return _c('v-row',{key:index},[(item.type !== 'column')?_c('v-col',[(item.type === 'text' || item.type === 'number')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-text-field',{style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"type\":item.type,\"placeholder\":item.placeholder,\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){item.value = ''}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1):_vm._e(),(item.type === 'select')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-select',{style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"item-color\":\"red darken-1\",\"placeholder\":item.placeholder,\"items\":item.option,\"clearable\":\"\"},on:{\"click:clear\":function($event){item.value = ''}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1):_vm._e(),(item.type === 'radio')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-radio-group',{staticClass:\"mt-0\",attrs:{\"row\":\"\",\"hide-details\":\"\"},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}},_vm._l((item.option),function(radio,i){return _c('v-radio',{key:i,attrs:{\"label\":radio,\"color\":\"#B71C1C\",\"value\":radio}})}),1)],1):_vm._e(),(item.type === 'date')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-menu',{ref:`date${index}`,refInFor:true,attrs:{\"min-width\":\"290px\",\"max-width\":\"290px\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"nudge-right\":40,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({style:(`max-width: ${item.width};`),attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":item.placeholder,\"hide-details\":\"\",\"clearable\":\"\"},on:{\"click:clear\":function($event){item.value = ''}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}},'v-text-field',attrs,false),on))]}}],null,true),model:{value:(item.picker),callback:function ($$v) {_vm.$set(item, \"picker\", $$v)},expression:\"item.picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#B71C1C\"},on:{\"input\":function($event){item.picker = false}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1)],1):_vm._e()]):_vm._l((item.sub),function(subItem,key){return _c('v-col',{key:key},[(subItem.type === 'text' || subItem.type === 'number')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-text-field',{style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){subItem.value = ''}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1):_vm._e(),(subItem.type === 'select')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-select',{style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"item-color\":\"red darken-1\",\"placeholder\":subItem.placeholder,\"items\":subItem.option,\"clearable\":\"\"},on:{\"click:clear\":function($event){subItem.value = ''}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1):_vm._e(),(subItem.type === 'radio')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-radio-group',{staticClass:\"mt-0\",attrs:{\"row\":\"\",\"hide-details\":\"\"},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}},_vm._l((subItem.option),function(radio,i){return _c('v-radio',{key:i,attrs:{\"label\":radio,\"color\":\"#B71C1C\",\"value\":radio}})}),1)],1):_vm._e(),(subItem.type === 'date')?_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-menu',{ref:`subdate${key}`,refInFor:true,attrs:{\"min-width\":\"290px\",\"max-width\":\"290px\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"nudge-right\":40,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({style:(`max-width: ${item.width};`),attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"placeholder\":subItem.placeholder,\"hide-details\":\"\",\"clearable\":\"\"},on:{\"click:clear\":function($event){subItem.value = ''}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}},'v-text-field',attrs,false),on))]}}],null,true),model:{value:(subItem.picker),callback:function ($$v) {_vm.$set(subItem, \"picker\", $$v)},expression:\"subItem.picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#B71C1C\"},on:{\"input\":function($event){subItem.picker = false}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1)],1):_vm._e()])})],2)}),(_vm.config.action.filter.location !== undefined && _vm.config.action.filter.location)?_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                Kecamatan\\n              \")]),_c('v-autocomplete',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Trucuk\",\"search-input\":_vm.autocomplete.subdistrict,\"items\":_vm.static_loc.subdistrict,\"item-value\":\"kecamatan_code\",\"item-text\":\"kecamatan_name\",\"item-color\":\"red darken-1\"},on:{\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)}},model:{value:(_vm.form_static.subdistrict),callback:function ($$v) {_vm.$set(_vm.form_static, \"subdistrict\", $$v)},expression:\"form_static.subdistrict\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                Kelurahan\\n              \")]),_c('v-autocomplete',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Kradenan\",\"search-input\":_vm.autocomplete.village,\"items\":_vm.static_loc.village,\"item-value\":\"desa_code\",\"item-text\":\"desa_name\",\"item-color\":\"red darken-1\"},on:{\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)}},model:{value:(_vm.form_static.village),callback:function ($$v) {_vm.$set(_vm.form_static, \"village\", $$v)},expression:\"form_static.village\"}})],1)],1):_vm._e()],2)],1),_c('v-divider',{staticClass:\"mx-4 my-3\"}),_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.filter = false; _vm.dialog.fullscreen = false; _vm.fetch();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Filter\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.freeze = false}},model:{value:(_vm.dialog.freeze),callback:function ($$v) {_vm.$set(_vm.dialog, \"freeze\", $$v)},expression:\"dialog.freeze\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n          Freeze Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Freeze\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.configHeaders),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.freeze = !item.freeze ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.freeze}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.freeze ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Freeze\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"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\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.delete = false}},model:{value:(_vm.dialog.delete),callback:function ($$v) {_vm.$set(_vm.dialog, \"delete\", $$v)},expression:\"dialog.delete\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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 \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\" 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\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.approve = false}},model:{value:(_vm.dialog.approve),callback:function ($$v) {_vm.$set(_vm.dialog, \"approve\", $$v)},expression:\"dialog.approve\"}},[_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          Setujui Data \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\"\\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.approve = false; _vm.dialog.fullscreen = false; _vm.selected.approve = [];}}},[_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 menyetujui data \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\" 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.approve,\"loading\":_vm.process.approve},on:{\"click\":function($event){return _vm.approved()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Setujui\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.approve},on:{\"click\":function($event){_vm.dialog.approve = false; _vm.dialog.fullscreen = false; _vm.selected.approve = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.reject = false}},model:{value:(_vm.dialog.reject),callback:function ($$v) {_vm.$set(_vm.dialog, \"reject\", $$v)},expression:\"dialog.reject\"}},[_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          Tolak Data \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\"\\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.reject = false; _vm.dialog.fullscreen = false; _vm.selected.reject = [];}}},[_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\"},[_c('div',{staticClass:\"mb-3\"},[_vm._v(\"\\n          Apakah Anda yakin menolak data \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\" yang Anda pilih? Jika iya silahkan isi catatan dibawah ini :\\n        \")]),_c('div',[_c('v-textarea',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":\"3\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Contoh. Tidak masuk dalam kategori\",\"vvvv-uppercase\":\"\"},model:{value:(_vm.form.reason),callback:function ($$v) {_vm.$set(_vm.form, \"reason\", $$v)},expression:\"form.reason\"}})],1)]),(_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.reject,\"loading\":_vm.process.reject},on:{\"click\":function($event){return _vm.rejected()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Tolak\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.reject},on:{\"click\":function($event){_vm.dialog.reject = false; _vm.dialog.fullscreen = false; _vm.selected.reject = [];}}},[_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\":\"625\",\"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('forms',{attrs:{\"config\":_vm.config,\"detail\":_vm.detail,\"fullscreen\":_vm.dialog.fullscreen},on:{\"screen\":function($event){_vm.dialog.fullscreen = $event},\"close\":function($event){_vm.dialog.form = $event; _vm.dialog.fullscreen = false; _vm.fetch();}}})],1),_c('v-row',[_c('v-col',{class:_vm.config.padding,attrs:{\"cols\":\"12\"}},[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',{class:_vm.config.action.tab.button ? 'pb-0' : ''},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[(_vm.config.action.filter.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center\",attrs:{\"elevation\":\"0\",\"dark\":\"\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.filter = true}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-filter-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Filter\\n                  \")])],1)],1):_vm._e(),(_vm.config.action.add.button)?_c('div',{staticClass:\"mr-3\"},[(!_vm.config.action.add.window)?_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):_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\",\"to\":_vm.config.action.add.href}},[_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._e(),(_vm.selected.row.length === 1 && _vm.config.action.edit.button)?_c('div',{staticClass:\"mr-3\"},[(!_vm.config.action.edit.window)?_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];}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-circle-edit-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Ubah\\n                  \")])],1):_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\",staticStyle:{\"background\":\"#2196f333\"},attrs:{\"elevation\":\"0\",\"to\":`${_vm.config.action.edit.href}/${_vm.selected.row[0].id}`}},[_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 && _vm.config.action.delete.button)?_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(),(_vm.selected.row.length === 1 && _vm.config.action.detail.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\",staticStyle:{\"background\":\"#e0e0e0\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toRead()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Detail\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.config.action.approve.button && _vm.selected.status_approved)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center teal--text text-darken-4\",staticStyle:{\"background\":\"#004d4033\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toApprove()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Approve\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.config.action.reject.button && _vm.selected.status_rejected)?_c('div',[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center pink--text text-darken-4\",staticStyle:{\"background\":\"#880e4f33\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toReject()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Reject\\n                  \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[(_vm.$route.name !== 'assesment history')?_c('v-text-field',{staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Cari . . .\",\"vvvv-uppercase\":\"\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}):_vm._e(),(_vm.pagination.total_data > 0 && _vm.config.action.print.button)?_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 white--text px-0\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\",\"min-width\":\"36\",\"disabled\":_vm.process.print || _vm.selected.row.length < 1,\"loading\":_vm.process.print},on:{\"click\":function($event){return _vm.prints()}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-file-pdf-box\")])],1)]}}],null,false,2208579801)},[_c('span',[_vm._v(\"\\n                    Print\\n                  \")])])],1):_vm._e(),(_vm.config.action.freeze.button)?_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)]}}],null,false,62526459)},[_c('span',[_vm._v(\"\\n                    Freeze\\n                  \")])])],1):_vm._e(),(_vm.config.action.hide.button)?_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)]}}],null,false,3800430924)},[_c('span',[_vm._v(\"\\n                    Hide\\n                  \")])])],1):_vm._e()],1)],1)],1),(_vm.config.action.tab.button)?_c('v-tabs',{staticClass:\"mb-3\",attrs:{\"flat\":\"\",\"slider-size\":\"5\",\"hide-slider\":\"\",\"color\":\"#B71C1C\"},model:{value:(_vm.selected.menu),callback:function ($$v) {_vm.$set(_vm.selected, \"menu\", $$v)},expression:\"selected.menu\"}},_vm._l((_vm.config.action.tab.api),function(item,index){return _c('v-tab',{key:index,staticClass:\"d-flex justify-start\",staticStyle:{\"min-width\":\"70px\"}},[_c('v-icon',{attrs:{\"small\":\"\",\"left\":\"\"}},[_vm._v(\"\\n              \"+_vm._s(item.icon)+\"\\n            \")]),_c('span',{staticClass:\"body-2 text-capitalize\",class:_vm.selected.menu === index ? 'font-weight-bold' : ''},[_vm._v(\"\\n              \"+_vm._s(item.text)+\"\\n            \")])],1)}),1):_vm._e(),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":!_vm.config.action.tab.button && !_vm.config.height ? \n                `calc(100vh - ${_vm.pagination.total_data > 0 ? '300px' : '228px'})` :\n                `calc(100vh - ${_vm.pagination.total_data > 0 ? '344px' : '272px'})`,\"show-select\":_vm.config.checkbox,\"single-select\":_vm.config.single,\"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,\"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)},\"dblclick:row\":_vm.doubleClick},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>\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.filter\"\n      @keydown.esc=\"dialog.filter = false\"\n      @keydown.enter=\"dialog.filter = false; dialog.fullscreen = false; fetch();\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"550\"\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            Filter 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.filter = 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 v-for=\"(item, index) in filters\" :key=\"index\">\n              <!-- NON COLUMN -->\n              <v-col v-if=\"item.type !== 'column'\">\n                <div v-if=\"item.type === 'text' || item.type === 'number'\">\n                  <p class=\"mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-text-field\n                    :style=\"`max-width: ${item.width};`\"\n                    dense\n                    outlined\n                    color=\"#B71C1C\"\n                    hide-details\n                    :type=\"item.type\"\n                    :placeholder=\"item.placeholder\"\n                    clearable\n                    @click:clear=\"item.value = ''\"\n                    v-model=\"item.value\"\n                    vvvv-uppercase>\n                  </v-text-field>\n                </div>\n\n                <div v-if=\"item.type === 'select'\">\n                  <p class=\"mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-select\n                    :style=\"`max-width: ${item.width};`\"\n                    dense\n                    outlined\n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    item-color=\"red darken-1\"\n                    :placeholder=\"item.placeholder\"\n                    :items=\"item.option\"\n                    clearable\n                    @click:clear=\"item.value = ''\"\n                    v-model=\"item.value\">\n                  </v-select>\n                </div>\n\n                <div v-if=\"item.type === 'radio'\">\n                  <p class=\"mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-radio-group\n                    class=\"mt-0\"\n                    v-model=\"item.value\"\n                    row\n                    hide-details>\n                    <v-radio v-for=\"(radio, i) in item.option\" :key=\"i\"\n                      :label=\"radio\"\n                      color=\"#B71C1C\"\n                      :value=\"radio\">\n                    </v-radio>\n                  </v-radio-group>\n                </div>\n\n                <div v-if=\"item.type === 'date'\">\n                  <p class=\"mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-menu\n                    :ref=\"`date${index}`\"\n                    min-width=\"290px\"\n                    max-width=\"290px\"\n                    transition=\"scale-transition\"\n                    offset-y\n                    :nudge-right=\"40\"\n                    :close-on-content-click=\"false\"\n                    v-model=\"item.picker\">\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-text-field\n                        :style=\"`max-width: ${item.width};`\"\n                        v-model=\"item.value\"\n                        vvvv-uppercase\n                        readonly\n                        outlined\n                        dense\n                        color=\"#B71C1C\"\n                        :placeholder=\"item.placeholder\"\n                        hide-details\n                        clearable\n                        @click:clear=\"item.value = ''\"\n                        v-on=\"on\"\n                        v-bind=\"attrs\">\n                      </v-text-field>\n                    </template>\n\n                    <v-date-picker \n                      color=\"#B71C1C\"\n                      v-model=\"item.value\"\n                      @input=\"item.picker = false\">\n                    </v-date-picker>\n                  </v-menu>\n                </div>\n              </v-col>\n\n              <!-- WITH COLUMN -->\n              <v-col v-else\n                v-for=\"(subItem, key) in item.sub\" :key=\"key\">\n                <div v-if=\"subItem.type === 'text' || subItem.type === 'number'\">\n                  <p class=\"mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-text-field\n                    :style=\"`max-width: ${item.width};`\"\n                    dense\n                    outlined\n                    color=\"#B71C1C\"\n                    hide-details\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    clearable\n                    @click:clear=\"subItem.value = ''\"\n                    v-model=\"subItem.value\"\n                    vvvv-uppercase>\n                  </v-text-field>\n                </div>\n\n                <div v-if=\"subItem.type === 'select'\">\n                  <p class=\"mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-select\n                    :style=\"`max-width: ${item.width};`\"\n                    dense\n                    outlined\n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    item-color=\"red darken-1\"\n                    :placeholder=\"subItem.placeholder\"\n                    :items=\"subItem.option\"\n                    clearable\n                    @click:clear=\"subItem.value = ''\"\n                    v-model=\"subItem.value\">\n                  </v-select>\n                </div>\n\n                <div v-if=\"subItem.type === 'radio'\">\n                  <p class=\"mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-radio-group\n                    class=\"mt-0\"\n                    v-model=\"subItem.value\"\n                    row\n                    hide-details>\n                    <v-radio v-for=\"(radio, i) in subItem.option\" :key=\"i\"\n                      :label=\"radio\"\n                      color=\"#B71C1C\"\n                      :value=\"radio\">\n                    </v-radio>\n                  </v-radio-group>\n                </div>\n\n                <div v-if=\"subItem.type === 'date'\">\n                  <p class=\"mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-menu\n                    :ref=\"`subdate${key}`\"\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=\"subItem.picker\">\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-text-field\n                        :style=\"`max-width: ${item.width};`\"\n                        v-model=\"subItem.value\"\n                        vvvv-uppercase\n                        readonly\n                        outlined\n                        dense\n                        color=\"#B71C1C\"\n                        :placeholder=\"subItem.placeholder\"\n                        hide-details\n                        clearable\n                        @click:clear=\"subItem.value = ''\"\n                        v-on=\"on\"\n                        v-bind=\"attrs\">\n                      </v-text-field>\n                    </template>\n\n                    <v-date-picker \n                      color=\"#B71C1C\"\n                      v-model=\"subItem.value\"\n                      @input=\"subItem.picker = false\">\n                    </v-date-picker>\n                  </v-menu>\n                </div>\n              </v-col>\n            </v-row>\n\n            <v-row v-if=\"config.action.filter.location !== undefined && config.action.filter.location\">\n              <v-col\n                cols=\"12\"\n                md=\"6\">\n                <div class=\"body-2 mb-2\">\n                  Kecamatan\n                </div>\n\n                <v-autocomplete\n                  dense\n                  outlined\n                  color=\"#B71C1C\"\n                  hide-details\n                  placeholder=\"Contoh. Trucuk\"\n\n                  :search-input.sync=\"autocomplete.subdistrict\"\n                  \n                  :items=\"static_loc.subdistrict\"\n                  item-value=\"kecamatan_code\"\n                  item-text=\"kecamatan_name\"\n                  item-color=\"red darken-1\"\n\n                  v-model=\"form_static.subdistrict\">\n                </v-autocomplete>\n              </v-col>\n\n              <v-col\n                cols=\"12\"\n                md=\"6\">\n                <div class=\"body-2 mb-2\">\n                  Kelurahan\n                </div>\n\n                <v-autocomplete\n                  dense\n                  outlined\n                  color=\"#B71C1C\"\n                  hide-details\n                  placeholder=\"Contoh. Kradenan\"\n\n                  :search-input.sync=\"autocomplete.village\"\n                  \n                  :items=\"static_loc.village\"\n                  item-value=\"desa_code\"\n                  item-text=\"desa_name\"\n                  item-color=\"red darken-1\"\n\n                  v-model=\"form_static.village\">\n                </v-autocomplete>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 my-3\"/>\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.filter = false; dialog.fullscreen = false; fetch();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Filter\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.freeze\"\n      @keydown.esc=\"dialog.freeze = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"30\">\n            <v-img\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-2\">\n            Freeze Kolom\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Freeze\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in configHeaders\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.freeze = !item.freeze ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#B71C1C\"\n                            :input-value=\"item.freeze\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.freeze ? 'font-weight-bold color-first' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#B71C1C\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Freeze\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.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.delete\"\n      @keydown.esc=\"dialog.delete = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"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 {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }} 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.approve\"\n      @keydown.esc=\"dialog.approve = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"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            Setujui Data {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }}\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.approve = false; dialog.fullscreen = false; selected.approve = [];\"\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 menyetujui data {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }} 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.approve\"\n            :loading=\"process.approve\"\n            @click=\"approved()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Setujui\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.approve\"\n            @click=\"dialog.approve = false; dialog.fullscreen = false; selected.approve = [];\">\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.reject\"\n      @keydown.esc=\"dialog.reject = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar size=\"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            Tolak Data {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }}\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.reject = false; dialog.fullscreen = false; selected.reject = [];\"\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          <div class=\"mb-3\">\n            Apakah Anda yakin menolak data {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }} yang Anda pilih? Jika iya silahkan isi catatan dibawah ini :\n          </div>\n\n          <div>\n            <v-textarea\n              outlined\n              dense\n              rows=\"3\"\n              hide-details\n              color=\"#B71C1C\"\n              placeholder=\"Contoh. Tidak masuk dalam kategori\"\n              v-model=\"form.reason\"\n              vvvv-uppercase>\n            </v-textarea>\n          </div>\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.reject\"\n            :loading=\"process.reject\"\n            @click=\"rejected()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Tolak\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.reject\"\n            @click=\"dialog.reject = false; dialog.fullscreen = false; selected.reject = [];\">\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    <!-- CALL FORM  -->\n    <v-dialog v-model=\"dialog.form\"\n      @keydown.esc=\"dialog.form = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"625\"\n      persistent\n      scrollable>\n      <forms \n        :config=\"config\" \n        :detail=\"detail\" \n        :fullscreen=\"dialog.fullscreen\" \n        @screen=\"dialog.fullscreen = $event\"\n        @close=\"dialog.form = $event; dialog.fullscreen = false; fetch();\" />\n    </v-dialog>\n\n    <v-row>\n      <v-col \n        cols=\"12\"\n        :class=\"config.padding\">\n        <v-card flat style=\"border: 1px solid #E0E0E0;\">\n          <v-card-text :class=\"config.action.tab.button ? 'pb-0' : ''\">\n            <v-row>\n              <v-col cols=\"12\" md=\"8\" class=\"d-flex align-center\">\n                <!-- FILTER -->\n                <div class=\"mr-3\" v-if=\"config.action.filter.button\">\n                  <v-btn\n                    elevation=\"0\"\n                    dark\n                    color=\"#B71C1C\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center\"\n                    @click=\"dialog.filter = true\">\n                    <v-icon size=\"18\">mdi-filter-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Filter\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- ADD -->\n                <div class=\"mr-3\" v-if=\"config.action.add.button\">\n                  <v-btn v-if=\"!config.action.add.window\"\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 {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }} -->\n                      Tambah\n                    </span>\n                  </v-btn>\n\n                  <v-btn v-else\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                    :to=\"config.action.add.href\">\n                    <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      <!-- Tambah {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }} -->\n                      Tambah\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- EDIT -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.edit.button\">\n                  <v-btn v-if=\"!config.action.edit.window\"\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];\">\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\n                  <v-btn v-else\n                    elevation=\"0\"\n                    style=\"background: #2196f333;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\"\n                    :to=\"`${config.action.edit.href}/${selected.row[0].id}`\">\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 && config.action.delete.button\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #f4403433;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\"\n                    @click=\"toDelete()\">\n                    <v-icon size=\"18\">mdi-delete-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Hapus\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- DETAIL -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.detail.button\">\n                  <!-- <v-btn\n                    :to=\"$route.name === 'notification' ? selected.row[0].notification_type === 'report' ? `news/${selected.row[0].notification_extra.content_id}` : `${selected.row[0].notification_type}` : `${config.action.detail.api}${selected.row[0].id}`\"\n                    elevation=\"0\"\n                    style=\"background: #e0e0e0;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Detail\n                    </span>\n                  </v-btn> -->\n\n                  <v-btn\n                    @click=\"toRead()\"\n                    elevation=\"0\"\n                    style=\"background: #e0e0e0;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Detail\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- APPROVE -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.approve.button && selected.status_approved\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #004d4033;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center teal--text text-darken-4\"\n                    @click=\"toApprove()\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Approve\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- REJECT -->\n                <div v-if=\"selected.row.length === 1 && config.action.reject.button && selected.status_rejected\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #880e4f33;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center pink--text text-darken-4\"\n                    @click=\"toReject()\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Reject\n                    </span>\n                  </v-btn>\n                </div>\n              </v-col>\n\n              <v-col cols=\"12\" md=\"4\" class=\"d-flex align-center justify-end\">\n                <v-text-field v-if=\"$route.name !== 'assesment history'\"\n                  class=\"mr-3\"\n                  dense\n                  single-line\n                  hide-details\n                  color=\"#B71C1C\"\n                  placeholder=\"Cari . . .\"\n                  vvvv-uppercase\n                  append-icon=\"mdi-magnify\"\n                  clearable\n                  v-model=\"search\"\n                  @click:clear=\"search = ''; fetch();\"\n                  v-on:keyup.enter=\"fetch()\">\n                </v-text-field>\n\n                <!-- PRINT -->\n                <div class=\"mr-3\" v-if=\"pagination.total_data > 0 && config.action.print.button\">\n                  <v-tooltip top>\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-btn\n                        color=\"#B71C1C\"\n                        elevation=\"0\"\n                        min-width=\"36\"\n                        class=\"text-capitalize white--text px-0\"\n                        :disabled=\"process.print || selected.row.length < 1\"\n                        :loading=\"process.print\"\n                        @click=\"prints()\"\n                        v-bind=\"attrs\"\n                        v-on=\"on\">\n                        <!-- <v-icon>mdi-microsoft-excel</v-icon> -->\n                        <v-icon>mdi-file-pdf-box</v-icon>\n                      </v-btn>\n                    </template>\n                    \n                    <span>\n                      Print\n                    </span>\n                  </v-tooltip>\n                </div>\n\n                <!-- FREEZE COLUMN -->\n                <div class=\"mr-3\" v-if=\"config.action.freeze.button\">\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 v-if=\"config.action.hide.button\">\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-tabs \n            v-if=\"config.action.tab.button\"\n            v-model=\"selected.menu\"\n            flat\n            slider-size=\"5\"\n            hide-slider\n            color=\"#B71C1C\"\n            class=\"mb-3\">\n            <v-tab\n              class=\"d-flex justify-start\"\n              v-for=\"(item, index) in config.action.tab.api\"\n              :key=\"index\"\n              style=\"min-width: 70px;\">\n              <v-icon small left>\n                {{ item.icon }}\n              </v-icon>\n              \n              <span \n                class=\"body-2 text-capitalize\"\n                :class=\"selected.menu === index ? 'font-weight-bold' : ''\">\n                {{ item.text }}\n              </span>\n            </v-tab>\n          </v-tabs>\n\n          <v-data-table\n            v-model=\"selected.row\"\n            ref=\"table-grid\"\n            class=\"table-grid\"\n            :height=\"!config.action.tab.button && !config.height ? \n                  `calc(100vh - ${pagination.total_data > 0 ? '300px' : '228px'})` :\n                  `calc(100vh - ${pagination.total_data > 0 ? '344px' : '272px'})`\"\n            :show-select=\"config.checkbox\"\n            :single-select=\"config.single\"\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\"\n            :items-per-page=\"100\"\n            item-key=\"id\"\n            @click:row=\"rowClick\"\n            @toggle-select-all=\"handleToggleAll($event)\"\n            @dblclick:row=\"doubleClick\"\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      </v-col>\n    </v-row>\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    props: {\n      config: {\n        type: Object,\n        default: {}\n      }\n    },\n    data () {\n      return {\n        dialog: {\n          fullscreen: false,\n          snackbar: false,\n          filter: false,\n          freeze: false,\n          form: false,\n          delete: false,\n          approve: false,\n          reject: false,\n          hide: false\n        },\n        search: '',\n        filters: [],\n        selected: {\n          row: [],\n          freeze: [],\n          delete: [],\n          approve: [],\n          reject: [],\n\n          // TAB\n          menu: 0,\n\n          // CUSTOM\n          status_approved: false,\n          status_rejected: false\n        },\n        options: {},\n        headers: [],\n        detail: {},\n        list: [],\n        pagination: {},\n        lastIndex: 0,\n        limit: 20,\n        form: { reason: '' },\n        process: {\n          load: false,\n          delete: false,\n          approve: false,\n          reject: false,\n          print: false\n        },\n        message: {\n          success: '',\n          error: ''\n        },\n\n        form_static: {\n          subdistrict: '',\n          village: ''\n        },\n        autocomplete: {\n          subdistrict: '',\n          village: ''\n        },\n        static_loc: {\n          subdistrict: [],\n          village: []\n        }\n      }\n    },\n    components: {\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue'),\n      forms: () => import(/* webpackPrefetch: true */ '@/components/basic/form.vue')\n    },\n    computed: {\n      rps() {\n        return this.$vuetify.breakpoint.name\n      },\n      configHeaders () {\n        return this.headers.filter(header => !header.hide)  \n      }\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      'selected.row': function(val) {\n        if (val.length > 0) this.selected.status_approved = val[0].report_assessment_status === 'confirmed' ? true : false\n\n        if (val.length > 0) this.selected.status_rejected = val[0].report_assessment_status === 'waiting' ? true : false\n      },\n      'selected.menu': function() {\n        this.fetch()\n      },\n      'dialog.form': function() {\n        if (Object.keys(this.detail).length > 0) {\n\n          // let field = this.detail, t = this\n          \n          // Object.keys(field).forEach(function(key) {\n\n          //   let field_key = key.split('_')[1]\n\n          //   t.config.form.map(obj => { \n          //     if (obj.field === field_key) {\n          //       obj.value = field[key]\n          //     }\n          //   })\n          // })\n\n          let field = this.detail, t = this\n          \n          Object.keys(field).forEach(function(key) {\n            // let prefix = key.split('_').pop()\n\n            // let numb = key.split('_').length - 1\n            \n            let field_key = t.config.prefix.length > 0 ? key.split(t.config.prefix)[1] : key\n\n            t.config.form.map(obj => { \n              if (obj.field === field_key) {\n                obj.value = field[key]\n              }\n            })\n          })\n        } else {\n          this.config.form.map(obj => { obj.value === 'select' || obj.value === 'radio' ? obj.value : '' })\n        }\n      },\n\n      'form_static.subdistrict': function() {\n        this.static_location().village()\n      },\n      'form_static.village': function() {\n        \n      },\n      'autocomplete.subdistrict': function() {\n        this.static_location().subdistrict()\n      },\n      'autocomplete.village': function() {\n        this.static_location().village()\n      }\n    },\n    mounted () {\n      \n    },\n    methods: {\n      rowFormat (format, value) {\n        let data = value\n\n        if (format === 'number') {\n          if (isNaN(value)) return 'Not a Number'\n          let price = ''\n\n          const reverseNumber = value\n            .toString()\n            .split('')\n            .reverse()\n            .join('')\n          const arrReverseNumber = [...Array(reverseNumber.length).keys()]\n\n          arrReverseNumber.map(index => {\n            if (index % 3 === 0) price += reverseNumber.substr(index, 3) + '.'\n          })\n\n          return `${\n            price.split('', price.length - 1)\n            .reverse()\n            .join('')\n          }`\n        } else if (format === 'array') {\n          let arr = []\n\n          for (let i = 0; i < value.length; i++) {\n            arr.push(value[i].title)\n          }\n\n          data = arr.join(', ')\n        } else if (format === 'datetime') {\n          data = value.length > 0 ? moment(value).format(format === 'date' ? 'D MMM, YYYY' : format === 'time' ? 'HH:mm' : 'D MMM, YYYY HH:mm') : '-'\n        } else if (format === 'object') {\n          data = value.createdby.name\n        } else if (format === 'regex') {\n          let regex = /(<([^>]+)>)/ig\n\n          data = value.replace(regex, '')\n        } else if (format === 'on_off') {\n          data = value ? 'Online' : 'Offline'\n        } else if (format === 'g_m') {\n          data = value ? 'Mandiri' : 'Group'\n        } else if (format === 'v_a') {\n          data = value ? 'Sudah Verifikasi' : 'Belum Verifikasi'\n        } else {\n          data = value ? 'Aktif' : 'Tidak Aktif'\n        }\n        return data\n      },\n      rowClick (item, row) {\n        row.select(!row.isSelected ? true : false)\n      },\n      doubleClick (event, {item}) {\n        // this.dialog.snackbar = true\n        // this.message.success = item\n      },\n      handleToggleAll (event) {\n        if (!event.value) this.selected.row = []\n      },\n      handleFilters () {\n        let data = this.config.filter,\n            arr = []\n\n        for (let i = 0; i < data.length; i++) {\n          if (data[i].sub === undefined) {\n            arr.push({\n              type: 'string',\n              field: data[i].field,\n              value: data[i].value,\n              comparison: '<>'\n            })\n          } else {\n            let sub = data[i].sub\n\n            for (let s = 0; s < sub.length; s++) {\n              arr.push({\n                type: 'string',\n                field: sub[s].field,\n                value: sub[s].value,\n                comparison: '<>'\n              })\n            }\n          }\n        }\n\n        if (this.config.action.tab.button) {\n          arr.push({\n            type: 'string',\n            field: this.config.action.tab.field,\n            value: this.config.action.tab.api[this.selected.menu].text !== 'All' ? this.config.action.tab.api[this.selected.menu].text : '',\n            comparison: '<>'\n          })\n        }\n\n        return arr\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = true\n\n        this.limit = pagination.row\n\n        // let SORT = this.options.sortBy.length < 1 ? '-id' : this.options.sortDesc[0] ? `-${this.options.sortBy[0]}` : this.options.sortBy[0]\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          // sort: SORT,\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          filter: this.handleFilters()\n        }\n\n        this.selected.row = []\n\n        await get(this.config.api, { params }).then(response => {\n          let res = response.data\n\n          this.process.load = false\n\n          if (res.code === 200) {\n            this.filters = this.config.filter\n            this.headers = this.config.header\n\n            this.list = res.data\n            this.pagination = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n\n            // EXAMPLE ARRAY MAP\n            // this.list = this.list.map(v => ({...v, id: v.report_id}))\n            // const newArr2 = initialArr.map(v => Object.assign(v, {v.report_id}))\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      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(`${this.config.action.delete.api}`, {\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      toApprove () {\n        this.selected.approve = []\n\n        for (let i in this.selected.row) {\n          this.selected.approve.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.approve = true\n      },\n      async approved () {\n        this.message.error = ''\n\n        this.process.approve = true\n\n        await post(`${this.config.action.approve.api}`, {\n          data: {\n            id: this.selected.approve[0]\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.approve = false\n            this.dialog.approve = false\n\n            this.selected.row = []\n            this.selected.approve = []\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.approve = false\n            this.message.error = res.message\n          }\n        })\n      },\n      toReject () {\n        this.selected.reject = []\n\n        for (let i in this.selected.row) {\n          this.selected.reject.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.reject = true\n      },\n      async rejected () {\n        this.message.error = ''\n\n        this.process.reject = true\n\n        await post(`${this.config.action.reject.api}`, {\n          data: {\n            id: this.selected.reject[0],\n            reason: this.form.reason\n          }\n        }).then(response => {\n          let res = response.data\n          if (res.code === 200) {\n            this.process.reject = false\n            this.dialog.reject = false\n\n            this.selected.row = []\n            this.selected.reject = []\n\n            this.form.reason = ''\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.reject = false\n            this.message.error = res.message\n          }\n        })\n      },\n      async prints () {\n        this.message.error = ''\n\n        this.process.print = true\n\n        // this.dialog.snackbar = true\n        // this.message.success = 'Belum ada aksi / bentuk data print'\n\n        let params = {\n          id: this.selected.row[0].id\n        }\n\n        await get(`${this.config.action.print.api}`, { params }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.print = false\n\n            window.open(res.data.url, '_blank')\n          } else {\n            this.process.print = false\n            this.message.error = res.message\n          }\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.config.checkbox ? 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.config.checkbox) {\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        // 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 + 2,\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 = 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\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      async toRead () {\n        if (this.$route.name === 'notification') {\n          \n          await post(`notification/is_read`, {\n            data: {\n              ids: [this.selected.row[0].notification_id]\n            }\n          })\n          .then(response => {\n            window.location.href = this.selected.row[0].notification_type === 'report' ? `news/${this.selected.row[0].notification_extra.content_id}` : `${this.selected.row[0].notification_type}`\n          })\n          \n        } else {\n          // let ids = this.$route.name !== 'worksheet' ? this.selected.row[0].id : this.selected.row[0].lk_ajuan_id,\n          //     from = this.selected.row[0].lk_from_layanan_kode,\n          //     to = this.selected.row[0].lk_layanan_kode\n          \n          // window.location.href = `${this.config.action.detail.api}${this.selected.row[0].id}`\n          // window.location.href = `${this.config.action.detail.api}${ids}`\n\n          console.log(this.$route.name, this.selected.row[0])\n\n          if (this.$route.name === 'worksheet') {\n            window.location.href = `${this.config.action.detail.api}${this.selected.row[0].lk_from_layanan_kode}/${this.selected.row[0].lk_ajuan_id}`\n          } else if (this.$route.name === 'product') {\n            window.location.href = `${this.config.action.detail.api}${this.selected.row[0].prod_from_layanan_kode}/${this.selected.row[0].prod_ajuan_id}`\n          } else {\n            window.location.href = `${this.config.action.detail.api}${this.selected.row[0].id}`\n          }\n        }\n      },\n\n      static_location () {\n        let t = this\n        return {\n          async subdistrict () {\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.static_loc.subdistrict = res.data\n              }\n            })\n          },\n          async village () {\n            let params = {\n              desa_kecamatan_code: t.form_static.subdistrict,\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.static_loc.village = res.data\n              }\n            })\n          }\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\n  /* .v-data-table .sticky-header {\n    position: sticky;\n    top: var(--toolbarHeight);\n  }\n\n  .v-data-table .v-data-table__wrapper {\n    overflow: unset;\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!./table.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!./table.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./table.vue?vue&type=template&id=4ad69fc6&\"\nimport script from \"./table.vue?vue&type=script&lang=js&\"\nexport * from \"./table.vue?vue&type=script&lang=js&\"\nimport style0 from \"./table.vue?vue&type=style&index=0&id=4ad69fc6&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","module.exports = __webpack_public_path__ + \"img/favicon.efeebc84.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./table.vue?vue&type=style&index=0&id=4ad69fc6&prod&lang=css&\""],"sourceRoot":""}