{"version":3,"sources":["webpack:///./src/assets/image/reject.png","webpack:///./src/assets/image/verified.png","webpack:///./src/assets/image/akl_file.png","webpack:///./src/components/verification/dialog.vue","webpack:///src/components/verification/dialog.vue","webpack:///./src/components/verification/dialog.vue?b7ed","webpack:///./src/components/verification/dialog.vue?5218","webpack:///../../../src/components/VGrid/VContainer.ts"],"names":["module","exports","attrs","scopedSlots","key","_c","staticClass","_vm","_v","dialog","$emit","staticStyle","require","fn","$event","fetch","ref","index","splice","directives","name","rawName","value","message","expression","domProps","form","produk","length","indexOf","on","model","valid","proxy","form_add","callback","_u","status","$$v","$set","placeholder","process","style","detail","ajuan_layanan_kode","staticRenderFns","render","props","type","default","data","fullscreen","approved","rejected","sure","upd","list","service","id","no_reg","note","nomor","layanan_kode","nama","success","error","components","watch","computed","mounted","methods","limit","order_by","list_type","auth_role","params","then","response","reset","setTimeout","map","filter","behavior","block","toSave","url","component","Grid","extend","functional","String","tag","fluid","Boolean","h","children","classes","Object","keys","startsWith","mergeData","class","Array","concat"],"mappings":"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","file":"js/chunk-0789fc0c.7d33fdaa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/reject.56d25844.png\";","module.exports = __webpack_public_path__ + \"img/verified.ac4641b3.png\";","module.exports = __webpack_public_path__ + \"img/akl_file.75471628.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"750\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.approved = false}},model:{value:(_vm.dialog.approved),callback:function ($$v) {_vm.$set(_vm.dialog, \"approved\", $$v)},expression:\"dialog.approved\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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 Ajuan\\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.approved = false; _vm.$emit('close', true);}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-list',{attrs:{\"color\":\"transparent\"}},[_c('v-list-item',[_c('v-list-item-avatar',{attrs:{\"size\":\"45\",\"tile\":\"\"}},[_c('v-img',{staticStyle:{\"border-radius\":\"10px\"},attrs:{\"src\":require('@/assets/image/verified.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('v-list-item-content',[_c('v-list-item-title',{staticClass:\"body-1 font-weight-bold mb-2\"},[_vm._v(\"\\n              Input Produk\\n            \")]),_c('v-list-item-subtitle',{staticClass:\"font-weight-light\"},[_vm._v(\"\\n              Silahkan masukkan produk untuk ajuan tersebut dengan klik tombol \"),_c('b',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\\"Tambah Produk\\\"\")]),_vm._v(\".\\n            \")])],1)],1)],1),(_vm.form.produk.length < 1)?_c('v-card-text',{staticClass:\"px-4 pb-3 mt-2 d-flex align-center justify-center\",staticStyle:{\"height\":\"40vh\"}},[_c('div',{staticClass:\"text-center cyan--text text-darken-1 cursor-pointer\",on:{\"click\":function($event){_vm.dialog.form = true; _vm.dialog.approved = false; _vm.fetch();}}},[_c('v-icon',{attrs:{\"size\":\"100\",\"color\":\"cyan\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('div',{staticClass:\"title mt-2 font-weight-bold\"},[_vm._v(\"\\n            Tambah Produk\\n          \")])],1)]):_vm._e(),(_vm.form.produk.length > 0)?_c('v-card-text',{staticClass:\"px-4 pb-3 mt-2\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center cyan--text text-darken-1 mb-4\",staticStyle:{\"background\":\"#00acc133\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.dialog.approved = false; _vm.fetch();}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n            Tambah Produk\\n          \")])],1),_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('v-list',{attrs:{\"flat\":\"\",\"three-line\":\"\",\"color\":\"transparent\"}},[_c('v-list-item-group',[_vm._l((_vm.form.produk),function(item,index){return _c('v-list-item',{key:index,staticClass:\"pl-3\",class:index < _vm.form.produk.length - 1 ? 'mb-4' : '',staticStyle:{\"border-radius\":\"5px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\",\"background\":\"#fff\",\"cursor\":\"auto\"}},[_c('v-list-item-avatar',{staticClass:\"mr-3\",attrs:{\"tile\":\"\",\"size\":\"40\"}},[_c('v-img',{staticClass:\"ma-auto\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"alt\":\"kominfo\",\"src\":require(`@/assets/image/service/${item.layanan_kode}.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}],null,true)})],1),_c('v-list-item-content',[_c('v-list-item-title',{staticClass:\"body-2 font-weight-bold\"},[_vm._v(\"\\n                        \"+_vm._s(item.layanan_kode)+\" - \"+_vm._s(item.nomor)+\"\\n                      \")]),_c('v-list-item-subtitle',{staticClass:\"caption font-weight-light black--text mt-1 mb-2\",staticStyle:{\"opacity\":\"60%\"}},[_c('div',{staticStyle:{\"margin-bottom\":\"7px\"}},[_c('span',{staticClass:\"one-line text-uppercase\"},[_vm._v(\"\\n                            \"+_vm._s(item.nama)+\"\\n                          \")])]),_c('div',{staticClass:\"font-weight-bold\",class:item.status === 'BELUM DIVERIFIKASI' || item.status === 'BELUM DIAJUKAN TTE' ? 'orange--text' :\n                                  item.status === 'TIDAK DIPROSES' ? 'red--text' : 'cyan--text'},[_c('span',{staticClass:\"one-line\"},[_vm._v(\"\\n                            \"+_vm._s(item.status)+\"\\n                          \")])])])],1),_c('v-list-item-action',[_c('v-btn',{staticClass:\"caption text-capitalize font-weight-bold d-flex align-center red--text px-2\",staticStyle:{\"background\":\"#f4403433\"},attrs:{\"small\":\"\",\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.form.produk.splice(index, 1)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-delete-empty\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                          Hapus\\n                        \")])],1)],1)],1)})],2)],1),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1)],1)],1):_vm._e(),(_vm.form.produk.length > 0)?_c('v-divider',{staticClass:\"mx-4 mb-3 mt-2\"}):_vm._e(),(_vm.form.produk.length > 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.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save('DISETUJUI')},\"click\":function($event){return _vm.save('DISETUJUI')}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.approved = false; _vm.$emit('close', true);}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1):_vm._e()],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"600\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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          Tambah Produk\\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.form = false; _vm.dialog.approved = true;}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('ValidationObserver',{ref:\"form_add\"},[_c('v-form',{staticClass:\"text-left\"},[_c('ValidationProvider',{attrs:{\"name\":\"layanan_kode\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                Jenis Produk\\n                \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                  (wajib diisi)\\n                \")])]),_c('v-select',{staticStyle:{\"max-width\":\"50%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Contoh. KTP-EL\",\"items\":_vm.list.service,\"item-text\":\"layanan_nama\",\"item-value\":\"layanan_kode\",\"item-color\":\"#ff64ad\",\"hide-details\":\"\",\"success\":_vm.form_add.layanan_kode.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                      \\n                      Jenis Produk \"+_vm._s(errors[0])+\"\\n                    \")])],1):_vm._e(),(_vm.form_add.layanan_kode.length > 0 && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form_add.layanan_kode),callback:function ($$v) {_vm.$set(_vm.form_add, \"layanan_kode\", $$v)},expression:\"form_add.layanan_kode\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"nomor\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                  Nomor Identitas\\n                  \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                    (wajib diisi)\\n                  \")])]),_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 33100062XXXXXXX\",\"success\":_vm.form_add.nomor !== '' && valid,\"error-messages\":errors},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                        \\n                        Nomor \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(_vm.form_add.nomor !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form_add.nomor),callback:function ($$v) {_vm.$set(_vm.form_add, \"nomor\", $$v)},expression:\"form_add.nomor\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"nama\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                  Nama Identitas Produk\\n                  \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                    (wajib diisi)\\n                  \")])]),_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Fabdulrafi\",\"success\":_vm.form_add.nama !== '' && valid,\"error-messages\":errors},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                        \\n                        Nama \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(_vm.form_add.nama !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form_add.nama),callback:function ($$v) {_vm.$set(_vm.form_add, \"nama\", $$v)},expression:\"form_add.nama\"}})]}}])})],1),_c('ValidationProvider',{attrs:{\"name\":\"status\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                Status\\n                \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                  (wajib diisi)\\n                \")])]),_c('v-select',{staticStyle:{\"max-width\":\"60%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"placeholder\":_vm.form_add.layanan_kode === 'KTP' ? 'Contoh. SIAP DICETAK' : 'Contoh. DIAJUKAN TTE',\"items\":_vm.form_add.layanan_kode === 'KTP' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'SIAP DICETAK',\n                    'SUDAH DICETAK',\n                    'SIAP DIAMBIL',\n                    'TIDAK DIPROSES'\n                  ] :\n                  _vm.form_add.layanan_kode === 'SKT' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE',\n                    'TIDAK DIPROSES'\n                  ] :\n                  _vm.form_add.layanan_kode === 'KK' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE',\n                    'TIDAK DIPROSES'\n                  ] :\n                  _vm.form_add.layanan_kode === 'KIA' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE',\n                    'SIAP DICETAK',\n                    'SUDAH DICETAK',\n                    'SIAP DIAMBIL',\n                    'SUDAH DIAMBIL',\n                    'TIDAK DIPROSES'\n                  ] :\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE'\n                  ],\"item-color\":\"#ff64ad\",\"hide-details\":\"\",\"success\":_vm.form_add.status.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                      \\n                      Status \"+_vm._s(errors[0])+\"\\n                    \")])],1):_vm._e(),(_vm.form_add.status.length > 0 && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form_add.status),callback:function ($$v) {_vm.$set(_vm.form_add, \"status\", $$v)},expression:\"form_add.status\"}})]}}])}),(_vm.form_add.status === 'TIDAK DIPROSES')?_c('div',{staticClass:\"mt-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                Keterangan\\n                \"),_c('span',[_vm._v(\"\\n                  (boleh dikosongi)\\n                \")])]),_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                  placeholder: 'Contoh. Alasan kenapa tidak diproses'\n                }},model:{value:(_vm.form_add.note),callback:function ($$v) {_vm.$set(_vm.form_add, \"note\", $$v)},expression:\"form_add.note\"}})],1):_vm._e()],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-2\"}),_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){return _vm.toAdd()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){_vm.dialog.form = false; _vm.dialog.approved = true; _vm.reset();}}},[_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\":\"750\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.rejected = false}},model:{value:(_vm.dialog.rejected),callback:function ($$v) {_vm.$set(_vm.dialog, \"rejected\", $$v)},expression:\"dialog.rejected\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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 Ajuan\\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.rejected = false; _vm.$emit('close', true);}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-list',{attrs:{\"color\":\"transparent\"}},[_c('v-list-item',[_c('v-list-item-avatar',{attrs:{\"size\":\"45\",\"tile\":\"\"}},[_c('v-img',{staticStyle:{\"border-radius\":\"10px\"},attrs:{\"src\":require('@/assets/image/reject.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('v-list-item-content',[_c('v-list-item-title',{staticClass:\"body-1 font-weight-bold mb-2\"},[_vm._v(\"\\n              Input Alasan\\n            \")]),_c('v-list-item-subtitle',{staticClass:\"font-weight-light\"},[_vm._v(\"\\n              Silahkan masukkan alasan penolakan ajuan tersebut.\\n            \")])],1)],1)],1),_c('v-card-text',{staticClass:\"px-4 pb-3 mt-2\"},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n              Alasan Penolakan\\n              \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                (wajib diisi)\\n              \")])]),_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                placeholder: 'Contoh. Foto KTP kurang jelas'\n              }},model:{value:(_vm.form.note),callback:function ($$v) {_vm.$set(_vm.form, \"note\", $$v)},expression:\"form.note\"}}),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-2\"}),_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.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save('DITOLAK')},\"click\":function($event){return _vm.save('DITOLAK')}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.rejected = false; _vm.$emit('close', true);}}},[_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\":\"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.sure = false}},model:{value:(_vm.dialog.sure),callback:function ($$v) {_vm.$set(_vm.dialog, \"sure\", $$v)},expression:\"dialog.sure\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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 Ajuan Belum Punya NIK\\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.sure = false; _vm.$emit('close', true);}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-container',[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('v-card',{staticClass:\"pa-4 pb-0\",attrs:{\"flat\":\"\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"contain\":\"\",\"width\":\"160\",\"height\":\"160\",\"alt\":\"vuetify\",\"src\":require('@/assets/image/akl_file.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}])}),_c('v-card-text',{staticClass:\"text-center line-text-second mt-4\"},[_vm._v(\"\\n                    Apakah Anda yakin meneruskan berkas ke lembar kerja Kartu Keluarga ? Jika iya, silahkan klik tombol \"),_c('b',[_vm._v(\"Simpan\")]),_vm._v(\" untuk meneruskan berkas Akta Kelahiran.\\n                  \")])],1)],1)],1)],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-2\"}),_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.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save('DISETUJUI TANPA NIK')},\"click\":function($event){return _vm.save('DISETUJUI TANPA NIK')}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.sure = false; _vm.$emit('close', true);}}},[_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\":\"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.upd = false}},model:{value:(_vm.dialog.upd),callback:function ($$v) {_vm.$set(_vm.dialog, \"upd\", $$v)},expression:\"dialog.upd\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"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 Ajuan Update 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.upd = false; _vm.$emit('close', true);}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-container',[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\"}},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('v-card',{staticClass:\"pa-4 pb-0\",attrs:{\"flat\":\"\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"contain\":\"\",\"width\":\"160\",\"height\":\"160\",\"alt\":\"vuetify\",\"src\":require('@/assets/image/service/UPD.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}])}),_c('v-card-text',{staticClass:\"text-center line-text-second mt-4\"},[_vm._v(\"\\n                    Apakah Anda yakin menyetujui ajuan Update Data ini ? Jika iya, silahkan klik tombol \"),_c('b',[_vm._v(\"Simpan\")]),_vm._v(\" untuk menyetujui ajuan Update Data.\\n                  \")])],1)],1)],1)],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-2\"}),_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.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save('DISETUJUI')},\"click\":function($event){return _vm.save('DISETUJUI')}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.upd = false; _vm.$emit('close', true);}}},[_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('section',[_c('v-container',[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-card',{staticClass:\"pa-4 pb-0\",attrs:{\"flat\":\"\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"contain\":\"\",\"width\":\"150\",\"height\":\"150\",\"alt\":\"vuetify\",\"src\":require('@/assets/image/verified.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}])}),_c('v-card-text',{staticClass:\"text-center line-text-second mt-4\",style:(_vm.detail.ajuan_data_ajuan.field.nik === '' ? 'height: 130px;' : '')},[(_vm.detail.ajuan_layanan_kode !== 'UPD')?_c('span',[(_vm.detail.ajuan_data_ajuan.field.nik !== '')?_c('span',[_vm._v(\"\\n                  Jika Anda menyetujui ajuan ini, selanjutnya Anda akan di arahkan ke halaman input produk untuk ajuan tersebut.\\n                \")]):_c('span',[_vm._v(\"\\n                  Jika Anda menyetujui ajuan ini, berkas akan dikirimkan ke lembar kerja Kartu Keluarga untuk proses input biodata bayi yang dibuatkan Akta Kelahiran.\\n                \")])]):_vm._e(),(_vm.detail.ajuan_layanan_kode === 'UPD')?_c('span',[_vm._v(\"\\n                Jika Anda menyetujui ajuan ini, maka ajuan Update Data tersebut akan berstatus \"),_c('b',[_vm._v(\"SELESAI DIPROSES\")]),_vm._v(\". \\n              \")]):_vm._e()]),_c('v-card-actions',[_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"block\":\"\",\"elevation\":\"0\",\"color\":\"green\"},on:{\"click\":function($event){return _vm.toSave(_vm.detail.ajuan_data_ajuan.field.nik, _vm.detail.ajuan_layanan_kode)}}},[_vm._v(\"\\n                Setujui Ajuan\\n              \")])],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-card',{staticClass:\"pa-4 pb-0\",attrs:{\"flat\":\"\"}},[_c('v-img',{staticClass:\"ma-auto\",attrs:{\"contain\":\"\",\"width\":\"150\",\"height\":\"150\",\"alt\":\"vuetify\",\"src\":require('@/assets/image/reject.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}])}),_c('v-card-text',{staticClass:\"text-center line-text-second mt-4\",style:(_vm.detail.ajuan_data_ajuan.field.nik === '' ? 'height: 130px;' : '')},[_vm._v(\"\\n              Jika Anda menolak ajuan ini, silahkan Anda masukkan alasan kenapa Anda menolak ajuan tersebut.\\n            \")]),_c('v-card-actions',[_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"block\":\"\",\"elevation\":\"0\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.rejected = true; _vm.$emit('close', false);}}},[_vm._v(\"\\n                Tolak Ajuan\\n              \")])],1)],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog v-model=\"dialog.approved\"\n      @keydown.esc=\"dialog.approved = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"750\"\n      persistent\n      scrollable>\n      <v-card class=\"border-radius 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 Ajuan\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.approved = false; $emit('close', true);\"\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-list \n          color=\"transparent\">\n          <v-list-item>\n            <v-list-item-avatar\n              size=\"45\"\n              tile>\n              <v-img\n                :src=\"require('@/assets/image/verified.png')\"\n                style=\"border-radius: 10px;\">\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-list-item-avatar>\n\n            <v-list-item-content>\n              <v-list-item-title\n                class=\"body-1 font-weight-bold mb-2\">\n                Input Produk\n              </v-list-item-title>\n\n              <v-list-item-subtitle\n                class=\"font-weight-light\">\n                Silahkan masukkan produk untuk ajuan tersebut dengan klik tombol <b class=\"font-weight-bold\">\"Tambah Produk\"</b>.\n              </v-list-item-subtitle>\n            </v-list-item-content>\n          </v-list-item>\n        </v-list>\n\n        <v-card-text v-if=\"form.produk.length < 1\"\n          class=\"px-4 pb-3 mt-2 d-flex align-center justify-center\"\n          style=\"height: 40vh;\">\n          <div @click=\"dialog.form = true; dialog.approved = false; fetch();\"\n            class=\"text-center cyan--text text-darken-1 cursor-pointer\">\n            <v-icon size=\"100\" color=\"cyan\">mdi-plus-circle-outline</v-icon>\n\n            <div\n              class=\"title mt-2 font-weight-bold\">\n              Tambah Produk\n            </div>\n          </div>\n        </v-card-text>\n\n        <v-card-text v-if=\"form.produk.length > 0\"\n          class=\"px-4 pb-3 mt-2\">\n          <v-btn \n            @click=\"dialog.form = true; dialog.approved = false; fetch();\"\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 mb-4\">\n            <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n            <span class=\"ml-1\">\n              Tambah Produk\n            </span>\n          </v-btn>\n\n          <ValidationObserver ref=\"form\">\n            <v-form class=\"text-left\">\n              <v-list \n                flat \n                three-line\n                color=\"transparent\">\n                <v-list-item-group>\n                  <template>\n                    <v-list-item \n                      v-for=\"(item, index) in form.produk\"\n                      :key=\"index\"\n                      :class=\"index < form.produk.length - 1 ? 'mb-4' : ''\"\n                      class=\"pl-3\"\n                      style=\"border-radius: 5px;\n                            border: 2px solid #eaeaea; \n                            border-style: dashed;\n                            background: #fff;\n                            cursor: auto;\">\n                      <v-list-item-avatar \n                        tile \n                        size=\"40\"\n                        class=\"mr-3\">\n                        <v-img \n                          style=\"border-radius: 5px;\"\n                          alt=\"kominfo\" \n                          :src=\"require(`@/assets/image/service/${item.layanan_kode}.png`)\"\n                          class=\"ma-auto\">\n                          <template v-slot:placeholder>\n                            <v-row\n                              class=\"fill-height\"\n                              align=\"center\"\n                              justify=\"center\">\n                              <v-progress-circular \n                                indeterminate \n                                color=\"#ff64ad\">\n                              </v-progress-circular>\n                            </v-row>\n                          </template>\n                        </v-img>\n                      </v-list-item-avatar>\n\n                      <v-list-item-content>\n                        <v-list-item-title \n                          class=\"body-2 font-weight-bold\">\n                          {{ item.layanan_kode }} - {{ item.nomor }}\n                        </v-list-item-title>\n\n                        <v-list-item-subtitle \n                          class=\"caption font-weight-light black--text mt-1 mb-2\" \n                          style=\"opacity: 60%;\">\n                          <div\n                            style=\"margin-bottom: 7px;\">\n                            <span\n                              class=\"one-line text-uppercase\">\n                              {{ item.nama }}\n                            </span>\n                          </div>\n\n                          <div\n                            class=\"font-weight-bold\"\n                            :class=\"item.status === 'BELUM DIVERIFIKASI' || item.status === 'BELUM DIAJUKAN TTE' ? 'orange--text' :\n                                    item.status === 'TIDAK DIPROSES' ? 'red--text' : 'cyan--text'\">\n                            <span\n                              class=\"one-line\">\n                              {{ item.status }}\n                            </span>\n                          </div>\n                        </v-list-item-subtitle>\n                      </v-list-item-content>\n\n                      <v-list-item-action>\n                        <v-btn\n                          @click=\"form.produk.splice(index, 1)\"\n                          small\n                          elevation=\"0\"\n                          style=\"background: #f4403433;\"\n                          class=\"caption text-capitalize font-weight-bold d-flex align-center red--text px-2\">\n                          <v-icon small>mdi-delete-empty</v-icon>\n                          \n                          <span\n                            class=\"ml-1\">\n                            Hapus\n                          </span>\n                        </v-btn>\n                      </v-list-item-action>\n                    </v-list-item>\n                  </template>\n                </v-list-item-group>\n              </v-list>\n\n              <v-alert \n                type=\"error\" \n                text dense prominent \n                class=\"mt-6\"\n                v-show=\"message.error.length > 0\"\n                v-html=\"message.error\">\n              </v-alert>\n            </v-form>\n          </ValidationObserver>\n        </v-card-text>\n\n        <v-divider v-if=\"form.produk.length > 0\" \n          class=\"mx-4 mb-3 mt-2\"/>\n\n        <v-card-actions v-if=\"form.produk.length > 0\">\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.form\"\n            :loading=\"process.form\"\n            v-on:keyup.enter=\"save('DISETUJUI')\"\n            @click=\"save('DISETUJUI')\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.approved = false; $emit('close', true);\">\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.form\"\n      @keydown.esc=\"dialog.form = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"600\"\n      persistent\n      scrollable>\n      <v-card class=\"border-radius 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            Tambah Produk\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.form = false; dialog.approved = true;\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n\n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text \n          class=\"pt-2 body-1 line-text-second\">\n          <ValidationObserver ref=\"form_add\">\n            <v-form class=\"text-left\">\n              <ValidationProvider \n                name=\"layanan_kode\" \n                rules=\"required\" \n                v-slot=\"{ errors, valid }\">\n                <div class=\"body-2 mb-2\">\n                  <span class=\"red--text\">*</span>\n                  Jenis Produk\n                  <span class=\"error--text\">\n                    (wajib diisi)\n                  </span>\n                </div>\n\n                <v-select\n                  style=\"max-width: 50%;\"\n                  outlined\n                  dense\n                  color=\"#ff64ad\"\n                  placeholder=\"Contoh. KTP-EL\"\n                  \n                  :items=\"list.service\"\n                  item-text=\"layanan_nama\"\n                  item-value=\"layanan_kode\"\n                  item-color=\"#ff64ad\"\n\n                  hide-details\n\n                  v-model=\"form_add.layanan_kode\"\n                  :success=\"form_add.layanan_kode.length > 0 && valid\"\n                  :error-messages=\"errors\"\n                  required>\n                  <template v-slot:append-outer>\n                    <div v-if=\"errors.length > 0\">\n                      <v-tooltip top color=\"#ff5252\">\n                        <template v-slot:activator=\"{ on }\">\n                          <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                        </template>\n                        \n                        Jenis Produk {{ errors[0] }}\n                      </v-tooltip>\n                    </div>\n\n                    <div v-if=\"form_add.layanan_kode.length > 0 && valid\">\n                      <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                    </div>\n                  </template>\n                </v-select>\n              </ValidationProvider>\n              \n              <div\n                class=\"my-6\">\n                <ValidationProvider \n                  name=\"nomor\" \n                  rules=\"required\" \n                  v-slot=\"{ errors, valid }\">\n                  <div class=\"body-2 mb-2\">\n                    <span class=\"red--text\">*</span>\n                    <!-- Nomor (KK/NIK/DLL) -->\n                    Nomor Identitas\n                    <span class=\"error--text\">\n                      (wajib diisi)\n                    </span>\n                  </div>\n\n                  <v-text-field\n                    style=\"max-width: 70%;\"\n                    dense\n                    outlined\n                    color=\"#ff64ad\"\n                    hide-details\n                    placeholder=\"Contoh. 33100062XXXXXXX\"\n                    v-model=\"form_add.nomor\"\n                    v-uppercase\n                    :success=\"form_add.nomor !== '' && valid\"\n                    :error-messages=\"errors\">\n                    <template v-slot:append-outer>\n                      <div v-if=\"errors.length > 0\">\n                        <v-tooltip top color=\"#ff5252\">\n                          <template v-slot:activator=\"{ on }\">\n                            <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                          </template>\n                          \n                          Nomor {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"form_add.nomor !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-text-field>\n                </ValidationProvider>\n              </div>\n\n              <div\n                class=\"my-6\">\n                <ValidationProvider \n                  name=\"nama\" \n                  rules=\"required\" \n                  v-slot=\"{ errors, valid }\">\n                  <div class=\"body-2 mb-2\">\n                    <span class=\"red--text\">*</span>\n                    <!-- Nama (Nama Kepala Keluarga/Nama Lengkap/DLL) -->\n                    Nama Identitas Produk\n                    <span class=\"error--text\">\n                      (wajib diisi)\n                    </span>\n                  </div>\n\n                  <v-text-field\n                    style=\"max-width: 70%;\"\n                    dense\n                    outlined\n                    color=\"#ff64ad\"\n                    hide-details\n                    placeholder=\"Contoh. Fabdulrafi\"\n                    v-model=\"form_add.nama\"\n                    v-uppercase\n                    :success=\"form_add.nama !== '' && valid\"\n                    :error-messages=\"errors\">\n                    <template v-slot:append-outer>\n                      <div v-if=\"errors.length > 0\">\n                        <v-tooltip top color=\"#ff5252\">\n                          <template v-slot:activator=\"{ on }\">\n                            <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                          </template>\n                          \n                          Nama {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"form_add.nama !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-text-field>\n                </ValidationProvider>\n              </div>\n\n              <ValidationProvider \n                name=\"status\" \n                rules=\"required\" \n                v-slot=\"{ errors, valid }\">\n                <div class=\"body-2 mb-2\">\n                  <span class=\"red--text\">*</span>\n                  Status\n                  <span class=\"error--text\">\n                    (wajib diisi)\n                  </span>\n                </div>\n\n                <v-select\n                  style=\"max-width: 60%;\"\n                  outlined\n                  dense\n                  color=\"#ff64ad\"\n                  :placeholder=\"form_add.layanan_kode === 'KTP' ? 'Contoh. SIAP DICETAK' : 'Contoh. DIAJUKAN TTE'\"\n                        \n                  :items=\"form_add.layanan_kode === 'KTP' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'SIAP DICETAK',\n                      'SUDAH DICETAK',\n                      'SIAP DIAMBIL',\n                      'TIDAK DIPROSES'\n                    ] :\n                    form_add.layanan_kode === 'SKT' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE',\n                      'TIDAK DIPROSES'\n                    ] :\n                    form_add.layanan_kode === 'KK' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE',\n                      'TIDAK DIPROSES'\n                    ] :\n                    form_add.layanan_kode === 'KIA' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE',\n                      'SIAP DICETAK',\n                      'SUDAH DICETAK',\n                      'SIAP DIAMBIL',\n                      'SUDAH DIAMBIL',\n                      'TIDAK DIPROSES'\n                    ] :\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE'\n                    ]\"\n                  item-color=\"#ff64ad\"\n\n                  hide-details\n\n                  v-model=\"form_add.status\"\n                  :success=\"form_add.status.length > 0 && valid\"\n                  :error-messages=\"errors\"\n                  required>\n                  <template v-slot:append-outer>\n                    <div v-if=\"errors.length > 0\">\n                      <v-tooltip top color=\"#ff5252\">\n                        <template v-slot:activator=\"{ on }\">\n                          <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                        </template>\n                        \n                        Status {{ errors[0] }}\n                      </v-tooltip>\n                    </div>\n\n                    <div v-if=\"form_add.status.length > 0 && valid\">\n                      <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                    </div>\n                  </template>\n                </v-select>\n              </ValidationProvider>\n\n              <div v-if=\"form_add.status === 'TIDAK DIPROSES'\"\n                class=\"mt-6\">\n                <div class=\"body-2 mb-2\">\n                  Keterangan\n                  <span>\n                    (boleh dikosongi)\n                  </span>\n                </div>\n\n                <quill-editor \n                  ref=\"myTextEditor\"\n                  :options=\"{\n                    placeholder: 'Contoh. Alasan kenapa tidak diproses'\n                  }\"\n                  v-model=\"form_add.note\">\n                </quill-editor>\n              </div>\n            </v-form>\n          </ValidationObserver>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-2\"/>\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=\"toAdd()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            @click=\"dialog.form = false; dialog.approved = true; reset();\">\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.rejected\"\n      @keydown.esc=\"dialog.rejected = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"750\"\n      persistent\n      scrollable>\n      <v-card class=\"border-radius 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 Ajuan\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.rejected = false; $emit('close', true);\"\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-list \n          color=\"transparent\">\n          <v-list-item>\n            <v-list-item-avatar\n              size=\"45\"\n              tile>\n              <v-img\n                :src=\"require('@/assets/image/reject.png')\"\n                style=\"border-radius: 10px;\">\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-list-item-avatar>\n\n            <v-list-item-content>\n              <v-list-item-title\n                class=\"body-1 font-weight-bold mb-2\">\n                Input Alasan\n              </v-list-item-title>\n\n              <v-list-item-subtitle\n                class=\"font-weight-light\">\n                Silahkan masukkan alasan penolakan ajuan tersebut.\n              </v-list-item-subtitle>\n            </v-list-item-content>\n          </v-list-item>\n        </v-list>\n\n        <v-card-text\n          class=\"px-4 pb-3 mt-2\">\n          <ValidationObserver ref=\"form\">\n            <v-form class=\"text-left\">\n              <div\n                class=\"body-2 mb-2\">\n                <span class=\"red--text\">*</span>\n                Alasan Penolakan\n                <span class=\"error--text\">\n                  (wajib diisi)\n                </span>\n              </div>\n\n              <quill-editor \n                ref=\"myTextEditor\"\n                :options=\"{\n                  placeholder: 'Contoh. Foto KTP kurang jelas'\n                }\"\n                v-model=\"form.note\">\n              </quill-editor>\n              \n              <v-alert \n                type=\"error\" \n                text dense prominent \n                class=\"mt-6\"\n                v-show=\"message.error.length > 0\"\n                v-html=\"message.error\">\n              </v-alert>\n            </v-form>\n          </ValidationObserver>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-2\"/>\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.form\"\n            :loading=\"process.form\"\n            v-on:keyup.enter=\"save('DITOLAK')\"\n            @click=\"save('DITOLAK')\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.rejected = false; $emit('close', true);\">\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.sure\"\n      @keydown.esc=\"dialog.sure = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"550\"\n      persistent\n      scrollable>\n      <v-card class=\"border-radius 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 Ajuan Belum Punya NIK\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.sure = false; $emit('close', true);\"\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-container>\n          <v-row\n            align=\"center\"\n            justify=\"center\">\n            <v-col \n              cols=\"12\"\n              md=\"10\">\n              <ValidationObserver ref=\"form\">\n                <v-form class=\"text-left\">\n                  <v-card\n                    flat\n                    class=\"pa-4 pb-0\">\n                    <v-img\n                      contain\n                      class=\"ma-auto\"\n                      width=\"160\"\n                      height=\"160\"\n                      alt=\"vuetify\"\n                      :src=\"require('@/assets/image/akl_file.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\n                    <v-card-text\n                      class=\"text-center line-text-second mt-4\">\n                      Apakah Anda yakin meneruskan berkas ke lembar kerja Kartu Keluarga ? Jika iya, silahkan klik tombol <b>Simpan</b> untuk meneruskan berkas Akta Kelahiran.\n                    </v-card-text>\n                  </v-card>\n                </v-form>\n              </ValidationObserver>\n            </v-col>\n          </v-row>\n        </v-container>\n\n        <v-divider class=\"mx-4 mb-3 mt-2\"/>\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.form\"\n            :loading=\"process.form\"\n            v-on:keyup.enter=\"save('DISETUJUI TANPA NIK')\"\n            @click=\"save('DISETUJUI TANPA NIK')\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.sure = false; $emit('close', true);\">\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.upd\"\n      @keydown.esc=\"dialog.upd = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"550\"\n      persistent\n      scrollable>\n      <v-card class=\"border-radius 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 Ajuan Update 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.upd = false; $emit('close', true);\"\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-container>\n          <v-row\n            align=\"center\"\n            justify=\"center\">\n            <v-col \n              cols=\"12\"\n              md=\"10\">\n              <ValidationObserver ref=\"form\">\n                <v-form class=\"text-left\">\n                  <v-card\n                    flat\n                    class=\"pa-4 pb-0\">\n                    <v-img\n                      contain\n                      class=\"ma-auto\"\n                      width=\"160\"\n                      height=\"160\"\n                      alt=\"vuetify\"\n                      :src=\"require('@/assets/image/service/UPD.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\n                    <v-card-text\n                      class=\"text-center line-text-second mt-4\">\n                      Apakah Anda yakin menyetujui ajuan Update Data ini ? Jika iya, silahkan klik tombol <b>Simpan</b> untuk menyetujui ajuan Update Data.\n                    </v-card-text>\n                  </v-card>\n                </v-form>\n              </ValidationObserver>\n            </v-col>\n          </v-row>\n        </v-container>\n\n        <v-divider class=\"mx-4 mb-3 mt-2\"/>\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.form\"\n            :loading=\"process.form\"\n            v-on:keyup.enter=\"save('DISETUJUI')\"\n            @click=\"save('DISETUJUI')\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.upd = false; $emit('close', true);\">\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    <section>\n      <v-container>\n        <v-row\n          align=\"center\"\n          justify=\"center\">\n          <v-col \n            cols=\"12\"\n            md=\"6\">\n            <v-card\n              flat\n              class=\"pa-4 pb-0\">\n              <v-img\n                contain\n                class=\"ma-auto\"\n                width=\"150\"\n                height=\"150\"\n                alt=\"vuetify\"\n                :src=\"require('@/assets/image/verified.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\n              <v-card-text\n                class=\"text-center line-text-second mt-4\"\n                :style=\"detail.ajuan_data_ajuan.field.nik === '' ? 'height: 130px;' : ''\">\n                <span v-if=\"detail.ajuan_layanan_kode !== 'UPD'\">\n                  <span v-if=\"detail.ajuan_data_ajuan.field.nik !== ''\">\n                    Jika Anda menyetujui ajuan ini, selanjutnya Anda akan di arahkan ke halaman input produk untuk ajuan tersebut.\n                  </span>\n\n                  <span v-else>\n                    Jika Anda menyetujui ajuan ini, berkas akan dikirimkan ke lembar kerja Kartu Keluarga untuk proses input biodata bayi yang dibuatkan Akta Kelahiran.\n                  </span>\n                </span>\n\n                <span v-if=\"detail.ajuan_layanan_kode === 'UPD'\">\n                  Jika Anda menyetujui ajuan ini, maka ajuan Update Data tersebut akan berstatus <b>SELESAI DIPROSES</b>. \n                </span>\n              </v-card-text>\n\n              <v-card-actions>\n                <v-btn\n                  @click=\"toSave(detail.ajuan_data_ajuan.field.nik, detail.ajuan_layanan_kode)\"\n                  block\n                  elevation=\"0\"\n                  color=\"green\"\n                  class=\"body-2 font-weight-bold text-capitalize white--text\">\n                  Setujui Ajuan\n                </v-btn>\n              </v-card-actions>\n            </v-card>\n          </v-col>\n\n          <v-col \n            cols=\"12\"\n            md=\"6\">\n            <v-card\n              flat\n              class=\"pa-4 pb-0\">\n              <v-img\n                contain\n                class=\"ma-auto\"\n                width=\"150\"\n                height=\"150\"\n                alt=\"vuetify\"\n                :src=\"require('@/assets/image/reject.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\n              <v-card-text\n                class=\"text-center line-text-second mt-4\"\n                :style=\"detail.ajuan_data_ajuan.field.nik === '' ? 'height: 130px;' : ''\">\n                Jika Anda menolak ajuan ini, silahkan Anda masukkan alasan kenapa Anda menolak ajuan tersebut.\n              </v-card-text>\n\n              <v-card-actions>\n                <v-btn\n                  @click=\"dialog.rejected = true; $emit('close', false);\"\n                  block\n                  elevation=\"0\"\n                  color=\"red\"\n                  class=\"body-2 font-weight-bold text-capitalize white--text\">\n                  Tolak Ajuan\n                </v-btn>\n              </v-card-actions>\n            </v-card>\n          </v-col>\n        </v-row>\n      </v-container>\n    </section>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    props: {\n      detail: {\n        type: Object,\n        default: {}\n      }\n    },\n    data () {\n      return {\n        dialog: {\n          fullscreen: false,\n          approved: false,\n          rejected: false,\n          form: false,\n          sure: false,\n          upd: false\n        },\n        list: {\n          service: [],\n          status: []\n        },\n        form: {\n          // APPROVED\n          id: '',\n          no_reg: '',\n          produk: [],\n\n          // REJECTED\n          status: '',\n          note: ''\n        },\n        form_add: {\n          nomor: '',\n          layanan_kode: '',\n          nama: '',\n          status: '',\n          note: ''\n        },\n        process: {\n          form: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      \n    },\n    watch: {\n      \n    },\n    computed: {\n      \n    },\n    mounted () {\n      \n    },\n    methods: {\n      fetch () {\n        this.fetchService()\n        this.fetchStatus()\n      },\n      async fetchService () {\n        // let params = {\n        //   limit: 10000,\n        //   order_by: 'ASC',\n        //   list_type: 'short',\n        //   auth_role: 1\n        // }\n\n        // await get('layanan', { params })\n        // .then(response => {\n        //   let res = response.data\n\n        //   if (res.code === 200) {\n        //     this.list.service = res.data\n        //   }\n        // })\n\n        // let params = {\n        //   limit: 10000,\n        //   order_by: 'ASC',\n        //   list_type: 'short',\n        //   auth_role: 1\n        // }\n\n        // this.list.service = []\n\n        // await get('layanan', { params })\n        // .then(response => {\n        //   let res = response.data\n\n        //   if (res.code === 200) {\n        //     res.data.map((obj, index) => {\n        //       if (index < 6) this.list.service.push(obj)\n        //     })\n        //   }\n        // })\n\n        let params = {\n          limit: 10000,\n          order_by: 'ASC',\n          list_type: 'short',\n          auth_role: 1\n        }\n\n        this.list.service = []\n\n        await get('layanan/produk', { params })\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.list.service = res.data\n            \n            // res.data.map((obj, index) => {\n            //   if (index < 6 || index > 8) this.list.service.push(obj)\n            // })\n          }\n        })\n      },\n      async fetchStatus () {\n        // let params = {\n        //   limit: 10000\n        // }\n\n        // await get('master/status_produk', { params })\n        // .then(response => {\n        //   let res = response.data\n\n        //   if (res.code === 200) {\n        //     this.list.status = res.data\n        //   }\n        // })\n\n        this.list.status = [\n          'BELUM DIVERIFIKASI',\n          'BELUM DIAJUKAN TTE',\n          'DIAJUKAN TTE',\n          'SIAP DICETAK',\n          'SUDAH DICETAK',\n          'SIAP DIAMBIL',\n          'TIDAK DIPROSES'\n        ]\n      },\n      reset (item) {\n        if (this.$refs.form) this.$refs.form_add.reset()\n\n        this.form_add = {\n          nomor: item !== undefined ? item.nomor : '',\n          layanan_kode: item !== undefined ? item.layanan_kode : '',\n          nama: item !== undefined ? item.nama : '',\n          status: item !== undefined ? item.status : '',\n          note: item !== undefined ? item.note : ''\n        }\n\n        this.process.form = false\n      },\n      async toAdd () {\n        const isValid = await this.$refs.form_add.validate()\n        if (isValid) {\n          this.form.produk.push(this.form_add)\n\n          this.dialog.form = false\n          this.dialog.approved = true\n\n          this.reset()\n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      },\n      toSave (nik, code) {\n        if (code !== 'UPD') {\n          if (nik !== '') {\n            this.dialog.approved = true\n          } else {\n            this.dialog.sure = true\n          }\n        } else {\n          this.dialog.upd = true\n        }\n\n        this.$emit('close', false)\n      },\n      async save (status) {\n        this.message.error = ''\n\n        // if (this.detail.ajuan_data_ajuan.field.nik === '') {\n        //   this.form.produk = [\n        //     {\n        //       layanan_kode: 'KK',\n        //       nama: this.detail.ajuan_data_ajuan.field.nama_ayah,\n        //       nomor: '',\n        //       status: ''\n        //       note: status\n        //     }\n        //   ]\n        // }\n\n        const isValid = await this.$refs.form.validate()\n        if (isValid) {\n\n          this.process.form = true\n\n          this.form.id = this.detail.ajuan_id\n          this.form.no_reg = this.detail.ajuan_no_reg\n          this.form.status = status\n\n          let url = ''\n\n          if (this.detail.ajuan_layanan_kode !== 'UPD') {\n            url = status !== 'DITOLAK' ? `admin/ajuan/${this.detail.ajuan_layanan_kode}/update_status_disetujui` : `admin/ajuan/${this.detail.ajuan_layanan_kode}/update_status`\n          } else {\n            url = `admin/ajuan/${this.detail.ajuan_layanan_kode}/update_status`\n          }\n\n          // SAVE TO REST API\n          await post(url, {\n            data: this.form\n          })\n          .then((response) => {\n            let res = response.data\n\n            if (res.code === 200) {\n              this.dialog.approved = false\n\n              this.dialog.rejected = false\n\n              this.dialog.sure = false\n\n              this.dialog.upd = false\n\n              // let menu = status === 'DISETUJUI TANPA NIK' || this.detail.ajuan_layanan_kode === 'UPD' ? 0 : status === 'DITOLAK' ? 1 : 2\n\n              // this.$emit('product', menu)\n\n              if (status === 'DISETUJUI TANPA NIK') {\n                this.$router.push('/worksheet?code=3')\n              } else {\n                let menu = this.detail.ajuan_layanan_kode === 'UPD' ? 0 : status === 'DITOLAK' ? 1 : 2\n  \n                this.$emit('product', menu)\n              }\n\n            } else {\n              this.process.form = false\n              this.message.error = res.message\n            }\n          })\n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      }\n    }\n  }\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dialog.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!./dialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dialog.vue?vue&type=template&id=0103c0e4&\"\nimport script from \"./dialog.vue?vue&type=script&lang=js&\"\nexport * from \"./dialog.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":""}