{"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/components/basic/table.vue?f899","webpack:///./src/assets/logo/favicon.png"],"names":["staticClass","domProps","_vm","_c","attrs","$event","type","dialog","fullscreen","$$v","_v","class","key","fn","proxy","on","index","directives","rawName","style","item","value","model","callback","$set","expression","radio","scopedSlots","_u","picker","subItem","placeholder","_e","autocomplete","static_loc","subdistrict","form_static","fetch","require","addFreezes","hide","addHides","delete","process","selected","indexOf","approve","reject","reason","form","config","action","filter","staticStyle","add","text","undefined","$route","edit","row","length","detail","toDelete","name","search","_s","options","handleToggleAll","pagination","total_data","render","props","default","data","snackbar","freeze","filters","menu","status_approved","status_rejected","headers","list","lastIndex","limit","load","print","message","success","error","village","components","forms","computed","rps","configHeaders","watch","handler","page","deep","Object","t","obj","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","doubleClick","handleFilters","field","comparison","console","sort","order_by","params","container","ids","then","response","toApprove","id","toReject","window","child","width","f","parseInt","this","document","removeFreezes","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","static_location","desa_kecamatan_code","component","staticRenderFns","module","exports"],"mappings":"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","file":"js/chunk-51360160.7b1d697c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"#ff64ad\"},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\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"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\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-1\"},[_vm._v(\"\\n          Filter Data\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#ff64ad\"},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',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"type\":item.type,\"placeholder\":item.placeholder,\"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 === '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\":\"#ff64ad\",\"item-color\":\"pink 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\":\"#ff64ad\",\"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({directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${item.width};`),attrs:{\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"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\":\"#ff64ad\"},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',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"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 === '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\":\"#ff64ad\",\"item-color\":\"pink 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\":\"#ff64ad\",\"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({directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${item.width};`),attrs:{\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"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\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"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\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-1\"},[_vm._v(\"\\n          Freeze Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"#ff64ad\",\"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\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"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\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-1\"},[_vm._v(\"\\n          Hide Kolom\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"#ff64ad\",\"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\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"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\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_vm._v(\"\\n          Hapus Data\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"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\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_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\":\"#ff64ad\"},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\":\"#ff64ad\",\"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\":\"35\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"width\":\"30\",\"height\":\"30\",\"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\":\"#ff64ad\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_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\":\"#ff64ad\"},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',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":\"3\",\"hide-details\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Contoh. Tidak masuk dalam kategori\"},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\":\"#ff64ad\",\"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\":\"#ff64ad\"},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 \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\"\\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 \"+_vm._s(_vm.config.action.add.text !== undefined ? _vm.config.action.add.text : _vm.$route.meta.title)+\"\\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',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Cari . . .\",\"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\":\"#ff64ad\",\"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,2944236747)},[_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\":\"#ff64ad\"},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,1390982057)},[_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\":\"#ff64ad\"},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=\"#ff64ad\">\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=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\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=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-1\">\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=\"#ff64ad\">\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=\"#ff64ad\"\n                    hide-details\n                    :type=\"item.type\"\n                    :placeholder=\"item.placeholder\"\n                    clearable\n                    @click:clear=\"item.value = ''\"\n                    v-model=\"item.value\"\n                    v-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=\"#ff64ad\"\n                    item-color=\"pink 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=\"#ff64ad\"\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                        v-uppercase\n                        readonly\n                        outlined\n                        dense\n                        color=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\n                    hide-details\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    clearable\n                    @click:clear=\"subItem.value = ''\"\n                    v-model=\"subItem.value\"\n                    v-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=\"#ff64ad\"\n                    item-color=\"pink 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=\"#ff64ad\"\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                        v-uppercase\n                        readonly\n                        outlined\n                        dense\n                        color=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\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=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-1\">\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=\"#ff64ad\">\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\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=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"text-capitalize mt-1 ml-1\">\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=\"#ff64ad\">\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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\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=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-1\">\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=\"#ff64ad\">\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=\"#ff64ad\"\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=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\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=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-1\">\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=\"#ff64ad\">\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=\"#ff64ad\"\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=\"35\">\n            <v-img\n              contain\n              width=\"30\"\n              height=\"30\"\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=\"#ff64ad\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-1\">\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=\"#ff64ad\">\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=\"#ff64ad\"\n              placeholder=\"Contoh. Tidak masuk dalam kategori\"\n              v-model=\"form.reason\"\n              v-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=\"#ff64ad\"\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=\"#ff64ad\"\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                    </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                    </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=\"#ff64ad\"\n                  placeholder=\"Cari . . .\"\n                  v-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=\"#ff64ad\"\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=\"#ff64ad\"\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=\"#ff64ad\"\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        if (this.$route.name === 'worksheet') {\n          this.options.sortBy = ['lk_create_datetime']\n        }\n        \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      if (this.$route.name === 'worksheet') {\n        this.options.sortBy = ['lk_create_datetime']\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 {\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        console.log(this.$route.name)\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          search: this.search,\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          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: #ff64ad;\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: #ff64ad;\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: #ff64ad;\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: #ff64ad;\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=86354cc6&\"\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=86354cc6&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./table.vue?vue&type=style&index=0&id=86354cc6&prod&lang=css&\"","module.exports = __webpack_public_path__ + \"img/favicon.cfee3636.png\";"],"sourceRoot":""}