{"version":3,"sources":["webpack:///./src/components/basic/form.vue","webpack:///src/components/basic/form.vue","webpack:///./src/components/basic/form.vue?39aa","webpack:///./src/components/basic/form.vue?7bc7"],"names":["attrs","_c","staticClass","_vm","$emit","style","form","ref","key","hide","directives","value","item","expression","scopedSlots","fn","valid","required","name","rawName","errors","_u","on","proxy","model","callback","$set","type","_v","class","width","data","_l","option","label","length","picker","$$v","placeholder","_e","images","slot","staticStyle","full","undefined","process","subItem","rules","_s","text","radio","refInFor","$event","image","message","error","props","detail","default","config","fullscreen","success","components","uploadfolder","computed","rps","watch","handler","deep","mounted","methods","selected","obj","reset","forms","then","response","setTimeout","map","filter","behavior","block","component","staticRenderFns"],"mappings":"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","file":"js/chunk-2d0c1037.eae7a558.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _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      \"+_vm._s(Object.keys(_vm.detail).length > 0 ? 'Ubah Data' : 'Tambah')+\" \"+_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){return _vm.$emit('screen', !_vm.fullscreen ? true : false)}}},[_vm._v(\"\\n      \"+_vm._s(!_vm.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n    \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.reset()}}},[_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\",style:(_vm.form.length > 10 ? 'height: 750px' : '')},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',_vm._l((_vm.form),function(item,index){return _c('v-row',{key:index},[(item.hide)?_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticStyle:{\"display\":\"none\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\"},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}}):_vm._e(),(item.type !== 'column' && item.type !== 'id' && !item.hide)?_c('v-col',[(item.type === 'text' || item.type === 'number')?_c('div',[_c('ValidationProvider',{attrs:{\"name\":item.label,\"rules\":item.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[(item.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                  \"),_c('span',{class:item.required ? 'error--text' : ''},[_vm._v(\"\\n                    (\"+_vm._s(item.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\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,\"success\":item.value !== '' && 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                        \"+_vm._s(item.label)+\" \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(item.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})]}}],null,true)})],1):_vm._e(),(item.type === 'select')?_c('div',[_c('ValidationProvider',{attrs:{\"name\":item.label,\"rules\":item.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[(item.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                  \"),_c('span',{class:item.required ? 'error--text' : ''},[_vm._v(\"\\n                    (\"+_vm._s(item.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\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,\"item-value\":\"value\",\"item-text\":\"text\",\"success\":item.value !== '' && valid,\"error-messages\":errors},on:{\"change\":function($event){return _vm.selected(item)}},scopedSlots:_vm._u([{key:\"selection\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"\\n                      \"+_vm._s(data.item.text)+\"\\n                    \")])]}},{key:\"item\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"\\n                      \"+_vm._s(data.item.text)+\"\\n                    \")])]}},{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                        \"+_vm._s(item.label)+\" \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(item.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})]}}],null,true)})],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.text,\"color\":\"#ff64ad\",\"value\":radio.value}})}),1)],1):_vm._e(),(item.type === 'date')?_c('div',[_c('p',{staticClass:\"mb-2\"},[(item.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(item.label)+\"\\n                \"),_c('span',{class:item.required ? 'error--text' : ''},[_vm._v(\"\\n                  (\"+_vm._s(item.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\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('ValidationProvider',{attrs:{\"name\":item.label,\"rules\":item.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){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\":\"\",\"success\":item.value !== '' && valid,\"error-messages\":errors},on:{\"click:clear\":function($event){item.value = ''}},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                              \"+_vm._s(item.label)+\" \"+_vm._s(errors[0])+\"\\n                            \")])],1):_vm._e(),(item.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],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(),(item.type === 'textarea')?_c('div',[_c('ValidationProvider',{attrs:{\"name\":item.label,\"rules\":item.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[(item.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                  \"),_c('span',{class:item.required ? 'error--text' : ''},[_vm._v(\"\\n                    (\"+_vm._s(item.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                  \")])]),_c('v-textarea',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${item.width};`),attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":item.rows,\"hide-details\":\"\",\"color\":\"#ff64ad\",\"type\":item.type,\"placeholder\":item.placeholder,\"success\":item.value !== '' && 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                        \"+_vm._s(item.label)+\" \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(item.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})]}}],null,true)})],1):_vm._e(),(item.type === 'texteditor')?_c('div',[_c('p',{staticClass:\"mb-2\"},[(item.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(item.label)+\"\\n                \"),_c('span',{class:item.required ? 'error--text' : ''},[_vm._v(\"\\n                  (\"+_vm._s(item.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                \")])]),_c('quill-editor',{ref:\"myTextEditor\",refInFor:true,attrs:{\"options\":{\n                  placeholder: item.placeholder\n                }},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1):_vm._e(),(item.type === 'image')?_c('div',[_c('p',{staticClass:\"mb-2\"},[(item.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(item.label)+\"\\n                \"),_c('span',{class:item.required ? 'error--text' : ''},[_vm._v(\"\\n                  (\"+_vm._s(item.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                \")])]),_c('uploadfolder',{model:{value:(_vm.images),callback:function ($$v) {_vm.images=$$v},expression:\"images\"}},[_c('div',{attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center cursor-pointer\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"outlined\":\"\",\"width\":item.full === undefined ? 175 : '100%',\"height\":item.full === undefined ? 175 : 250}},[(!_vm.process.image)?_c('v-avatar',{directives:[{name:\"ripple\",rawName:\"v-ripple\"}],staticClass:\"cursor-pointer\",attrs:{\"tile\":\"\",\"width\":item.full === undefined ? 173 : '100%',\"height\":item.full === undefined ? 173 : 250}},[(item.value.length > 0)?_c('v-img',{attrs:{\"contain\":\"\",\"width\":item.full === undefined ? 173 : '100%',\"height\":item.full === undefined ? 173 : 250,\"alt\":\"vuetify\",\"src\":item.value}}):_c('v-icon',{attrs:{\"size\":\"50\",\"color\":\"grey\"}},[_vm._v(\"mdi-cloud-upload-outline\")])],1):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#ff64ad\"}})],1)],1)])],1):_vm._e()]):_vm._e(),_vm._l((item.sub),function(subItem,key){return _c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.type === 'column' && item.type !== 'id' && !item.hide),expression:\"item.type === 'column' && item.type !== 'id' && !item.hide\"}],key:key},[(subItem.type === 'text' || subItem.type === 'number')?_c('div',[_c('ValidationProvider',{attrs:{\"name\":subItem.label,\"rules\":subItem.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[(subItem.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                  \"),_c('span',{class:subItem.required ? 'error--text' : ''},[_vm._v(\"\\n                    (\"+_vm._s(subItem.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                  \")])]),_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${subItem.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"success\":subItem.value !== '' && 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                        \"+_vm._s(subItem.label)+\" \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(subItem.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})]}}],null,true)})],1):_vm._e(),(subItem.type === 'select')?_c('div',[_c('ValidationProvider',{attrs:{\"name\":subItem.label,\"rules\":subItem.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[(subItem.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                  \"),_c('span',{class:subItem.required ? 'error--text' : ''},[_vm._v(\"\\n                    (\"+_vm._s(subItem.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                  \")])]),_c('v-select',{style:(`max-width: ${subItem.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#ff64ad\",\"item-color\":\"pink darken-1\",\"placeholder\":subItem.placeholder,\"items\":subItem.option,\"item-value\":\"value\",\"item-text\":\"text\",\"success\":subItem.value !== '' && valid,\"error-messages\":errors},on:{\"change\":function($event){return _vm.selected(subItem)}},scopedSlots:_vm._u([{key:\"selection\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"\\n                      \"+_vm._s(data.item.text)+\"\\n                    \")])]}},{key:\"item\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"\\n                      \"+_vm._s(data.item.text)+\"\\n                    \")])]}},{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                        \"+_vm._s(subItem.label)+\" \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(subItem.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})]}}],null,true)})],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.text,\"color\":\"#ff64ad\",\"value\":radio.value}})}),1)],1):_vm._e(),(subItem.type === 'date')?_c('div',[_c('p',{staticClass:\"mb-2\"},[(subItem.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(subItem.label)+\"\\n                \"),_c('span',{class:subItem.required ? 'error--text' : ''},[_vm._v(\"\\n                  (\"+_vm._s(subItem.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\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('ValidationProvider',{attrs:{\"name\":subItem.label,\"rules\":subItem.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('v-text-field',_vm._g(_vm._b({directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${subItem.width};`),attrs:{\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"placeholder\":subItem.placeholder,\"hide-details\":\"\",\"clearable\":\"\",\"success\":subItem.value !== '' && valid,\"error-messages\":errors},on:{\"click:clear\":function($event){subItem.value = ''}},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                              \"+_vm._s(subItem.label)+\" \"+_vm._s(errors[0])+\"\\n                            \")])],1):_vm._e(),(subItem.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}},'v-text-field',attrs,false),on))]}}],null,true)})]}}],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){item.picker = false}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1)],1):_vm._e(),(subItem.type === 'textarea')?_c('div',[_c('ValidationProvider',{attrs:{\"name\":subItem.label,\"rules\":subItem.rules},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('p',{staticClass:\"mb-2\"},[(subItem.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                  \"),_c('span',{class:subItem.required ? 'error--text' : ''},[_vm._v(\"\\n                    (\"+_vm._s(subItem.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                  \")])]),_c('v-textarea',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],style:(`max-width: ${subItem.width};`),attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":subItem.rows,\"hide-details\":\"\",\"color\":\"#ff64ad\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"success\":subItem.value !== '' && 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                        \"+_vm._s(subItem.label)+\" \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(subItem.value !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})]}}],null,true)})],1):_vm._e(),(subItem.type === 'texteditor')?_c('div',[_c('p',{staticClass:\"mb-2\"},[(subItem.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(subItem.label)+\"\\n                \"),_c('span',{class:subItem.required ? 'error--text' : ''},[_vm._v(\"\\n                  (\"+_vm._s(subItem.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                \")])]),_c('quill-editor',{ref:\"myTextEditor\",refInFor:true,attrs:{\"options\":{\n                  placeholder: subItem.placeholder\n                }},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1):_vm._e(),(subItem.type === 'image')?_c('div',[_c('p',{staticClass:\"mb-2\"},[(subItem.required)?_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(subItem.label)+\"\\n                \"),_c('span',{class:subItem.required ? 'error--text' : ''},[_vm._v(\"\\n                  (\"+_vm._s(subItem.required ? 'wajib diisi' : 'boleh dikosongi')+\")\\n                \")])]),_c('uploadfolder',{model:{value:(_vm.images),callback:function ($$v) {_vm.images=$$v},expression:\"images\"}},[_c('div',{attrs:{\"slot\":\"activator\"},slot:\"activator\"},[_c('v-card',{staticClass:\"d-flex align-center justify-center cursor-pointer\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\"},attrs:{\"outlined\":\"\",\"width\":subItem.full === undefined ? 175 : '100%',\"height\":subItem.full === undefined ? 175 : 250}},[(!_vm.process.image)?_c('v-avatar',{directives:[{name:\"ripple\",rawName:\"v-ripple\"}],staticClass:\"cursor-pointer\",attrs:{\"tile\":\"\",\"width\":subItem.full === undefined ? 173 : '100%',\"height\":subItem.full === undefined ? 173 : 250}},[(subItem.value.length > 0)?_c('v-img',{attrs:{\"contain\":\"\",\"width\":subItem.full === undefined ? 173 : '100%',\"height\":subItem.full === undefined ? 173 : 250,\"alt\":\"vuetify\",\"src\":subItem.value}}):_c('v-icon',{attrs:{\"size\":\"50\",\"color\":\"grey\"}},[_vm._v(\"mdi-cloud-upload-outline\")])],1):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#ff64ad\"}})],1)],1)])],1):_vm._e()])})],2)}),1)],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\":\"\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.message.error)+\"\\n    \")])],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\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n      Simpan\\n    \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){return _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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\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        {{ Object.keys(detail).length > 0 ? 'Ubah Data' : 'Tambah' }} {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }}\n      </span>\n\n      <v-spacer/>\n\n      <v-icon \n        @click=\"$emit('screen', !fullscreen ? true : false)\"\n        class=\"cursor-pointer mr-1\"\n        size=\"24\"\n        color=\"#ff64ad\">\n        {{ !fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n      </v-icon>\n\n      <v-icon \n        @click=\"reset()\"\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=\"pt-2\" :style=\"form.length > 10 ? 'height: 750px' : ''\">\n      <ValidationObserver ref=\"form\">\n        <v-form>\n          <v-row v-for=\"(item, index) in form\" :key=\"index\">\n            <!-- ID -->\n            <v-text-field v-if=\"item.hide\"\n              style=\"display: none;\"\n              dense\n              outlined\n              color=\"#ff64ad\"\n              hide-details\n              v-model=\"item.value\"\n              v-uppercase>\n            </v-text-field>\n            \n            <v-col v-if=\"item.type !== 'column' && item.type !== 'id' && !item.hide\">\n              <div v-if=\"item.type === 'text' || item.type === 'number'\">\n                <ValidationProvider \n                  :name=\"item.label\" \n                  :rules=\"item.rules\"\n                  v-slot=\"{ errors, valid }\">\n                  <p class=\"mb-2\">\n                    <span class=\"red--text\" v-if=\"item.required\">*</span>\n                    {{ item.label }}\n                    <span :class=\"item.required ? 'error--text' : ''\">\n                      ({{ item.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                    </span>\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                    v-model=\"item.value\"\n                    v-uppercase\n                    :success=\"item.value !== '' && 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                          {{ item.label }} {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"item.value !== '' && 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 v-if=\"item.type === 'select'\">\n                <ValidationProvider \n                  :name=\"item.label\" \n                  :rules=\"item.rules\"\n                  v-slot=\"{ errors, valid }\">\n                  <p class=\"mb-2\">\n                    <span class=\"red--text\" v-if=\"item.required\">*</span>\n                    {{ item.label }}\n                    <span :class=\"item.required ? 'error--text' : ''\">\n                      ({{ item.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                    </span>\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                    item-value=\"value\"\n                    item-text=\"text\"\n                    v-model=\"item.value\"\n\n                    @change=\"selected(item)\"\n\n                    :success=\"item.value !== '' && valid\"\n                    :error-messages=\"errors\">\n                    <template slot=\"selection\" slot-scope=\"data\">\n                      <span class=\"text-capitalize\">\n                        {{ data.item.text }}\n                      </span>\n                    </template>\n\n                    <template slot=\"item\" slot-scope=\"data\">\n                      <span class=\"text-capitalize\">\n                        {{ data.item.text }}\n                      </span>\n                    </template>\n                    \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                          {{ item.label }} {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"item.value !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-select>\n                </ValidationProvider>\n              </div>\n\n              <div v-if=\"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.text\"\n                    color=\"#ff64ad\"\n                    :value=\"radio.value\">\n                  </v-radio>\n                </v-radio-group>\n              </div>\n\n              <div v-if=\"item.type === 'date'\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\" v-if=\"item.required\">*</span>\n                  {{ item.label }}\n                  <span :class=\"item.required ? 'error--text' : ''\">\n                    ({{ item.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                  </span>\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                    <ValidationProvider \n                      :name=\"item.label\" \n                      :rules=\"item.rules\"\n                      v-slot=\"{ errors, valid }\">\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                          :success=\"item.value !== '' && 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                                {{ item.label }} {{ errors[0] }}\n                              </v-tooltip>\n                            </div>\n\n                            <div v-if=\"item.value !== '' && valid\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n                        </v-text-field>\n                    </ValidationProvider>\n                  </template>\n\n                  <v-date-picker \n                    color=\"#ff64ad\"\n                    v-model=\"item.value\"\n                    @input=\"item.picker = false\">\n                  </v-date-picker>\n                </v-menu>\n              </div>\n\n              <div v-if=\"item.type === 'textarea'\">\n                <ValidationProvider \n                  :name=\"item.label\" \n                  :rules=\"item.rules\"\n                  v-slot=\"{ errors, valid }\">\n                  <p class=\"mb-2\">\n                    <span class=\"red--text\" v-if=\"item.required\">*</span>\n                    {{ item.label }}\n                    <span :class=\"item.required ? 'error--text' : ''\">\n                      ({{ item.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                    </span>\n                  </p>\n\n                  <v-textarea\n                    :style=\"`max-width: ${item.width};`\"\n                    outlined\n                    dense\n                    :rows=\"item.rows\"\n                    hide-details\n                    color=\"#ff64ad\"\n                    :type=\"item.type\"\n                    :placeholder=\"item.placeholder\"\n                    v-model=\"item.value\"\n                    v-uppercase\n                    :success=\"item.value !== '' && 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                          {{ item.label }} {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"item.value !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-textarea>\n                </ValidationProvider>\n              </div>\n\n              <div v-if=\"item.type === 'texteditor'\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\" v-if=\"item.required\">*</span>\n                  {{ item.label }}\n                  <span :class=\"item.required ? 'error--text' : ''\">\n                    ({{ item.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                  </span>\n                </p>\n                \n                <quill-editor \n                  ref=\"myTextEditor\"\n                  :options=\"{\n                    placeholder: item.placeholder\n                  }\"\n                  v-model=\"item.value\">\n                </quill-editor>\n              </div>\n\n              <div v-if=\"item.type === 'image'\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\" v-if=\"item.required\">*</span>\n                  {{ item.label }}\n                  <span :class=\"item.required ? 'error--text' : ''\">\n                    ({{ item.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                  </span>\n                </p>\n\n                <uploadfolder v-model=\"images\">\n                  <div slot=\"activator\">\n                    <v-card\n                      outlined\n                      class=\"d-flex align-center justify-center cursor-pointer\"\n                      :width=\"item.full === undefined ? 175 : '100%'\"\n                      :height=\"item.full === undefined ? 175 : 250\"\n                      style=\"border-radius: 15px;\n                            border: 2px solid #eaeaea; \n                            border-style: dashed;\">\n                      <v-avatar v-if=\"!process.image\"\n                        v-ripple\n                        tile \n                        :width=\"item.full === undefined ? 173 : '100%'\"\n                        :height=\"item.full === undefined ? 173 : 250\"\n                        class=\"cursor-pointer\">\n                        <v-img \n                          v-if=\"item.value.length > 0\"\n                          contain\n                          :width=\"item.full === undefined ? 173 : '100%'\"\n                          :height=\"item.full === undefined ? 173 : 250\"\n                          alt=\"vuetify\"\n                          :src=\"item.value\">\n                        </v-img>\n\n                        <v-icon v-else size=\"50\" color=\"grey\">mdi-cloud-upload-outline</v-icon>\n                      </v-avatar>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#ff64ad\">\n                      </v-progress-circular>\n                    </v-card>\n                  </div>\n                </uploadfolder>\n              </div>\n            </v-col>\n\n            <v-col v-show=\"item.type === 'column' && item.type !== 'id' && !item.hide\"\n              v-for=\"(subItem, key) in item.sub\" :key=\"key\">\n              <div v-if=\"subItem.type === 'text' || subItem.type === 'number'\">\n                <ValidationProvider \n                  :name=\"subItem.label\" \n                  :rules=\"subItem.rules\"\n                  v-slot=\"{ errors, valid }\">\n                  <p class=\"mb-2\">\n                    <span class=\"red--text\" v-if=\"subItem.required\">*</span>\n                    {{ subItem.label }}\n                    <span :class=\"subItem.required ? 'error--text' : ''\">\n                      ({{ subItem.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                    </span>\n                  </p>\n\n                  <v-text-field\n                    :style=\"`max-width: ${subItem.width};`\"\n                    dense\n                    outlined\n                    color=\"#ff64ad\"\n                    hide-details\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    v-model=\"subItem.value\"\n                    v-uppercase\n                    :success=\"subItem.value !== '' && 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                          {{ subItem.label }} {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"subItem.value !== '' && 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 v-if=\"subItem.type === 'select'\">\n                <ValidationProvider \n                  :name=\"subItem.label\" \n                  :rules=\"subItem.rules\"\n                  v-slot=\"{ errors, valid }\">\n                  <p class=\"mb-2\">\n                    <span class=\"red--text\" v-if=\"subItem.required\">*</span>\n                    {{ subItem.label }}\n                    <span :class=\"subItem.required ? 'error--text' : ''\">\n                      ({{ subItem.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                    </span>\n                  </p>\n\n                  <v-select\n                    :style=\"`max-width: ${subItem.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                    item-value=\"value\"\n                    item-text=\"text\"\n                    v-model=\"subItem.value\"\n\n                    @change=\"selected(subItem)\"\n\n                    :success=\"subItem.value !== '' && valid\"\n                    :error-messages=\"errors\">\n                    <template slot=\"selection\" slot-scope=\"data\">\n                      <span class=\"text-capitalize\">\n                        {{ data.item.text }}\n                      </span>\n                    </template>\n\n                    <template slot=\"item\" slot-scope=\"data\">\n                      <span class=\"text-capitalize\">\n                        {{ data.item.text }}\n                      </span>\n                    </template>\n                    \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                          {{ subItem.label }} {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"subItem.value !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-select>\n                </ValidationProvider>\n              </div>\n\n              <div v-if=\"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.text\"\n                    color=\"#ff64ad\"\n                    :value=\"radio.value\">\n                  </v-radio>\n                </v-radio-group>\n              </div>\n\n              <div v-if=\"subItem.type === 'date'\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\" v-if=\"subItem.required\">*</span>\n                  {{ subItem.label }}\n                  <span :class=\"subItem.required ? 'error--text' : ''\">\n                    ({{ subItem.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                  </span>\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=\"subItem.picker\">\n                  <template v-slot:activator=\"{ on, attrs }\">\n                    <ValidationProvider \n                      :name=\"subItem.label\" \n                      :rules=\"subItem.rules\"\n                      v-slot=\"{ errors, valid }\">\n                        <v-text-field\n                          :style=\"`max-width: ${subItem.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                          :success=\"subItem.value !== '' && 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                                {{ subItem.label }} {{ errors[0] }}\n                              </v-tooltip>\n                            </div>\n\n                            <div v-if=\"subItem.value !== '' && valid\">\n                              <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                            </div>\n                          </template>\n                        </v-text-field>\n                    </ValidationProvider>\n                  </template>\n\n                  <v-date-picker \n                    color=\"#ff64ad\"\n                    v-model=\"item.value\"\n                    @input=\"item.picker = false\">\n                  </v-date-picker>\n                </v-menu>\n              </div>\n\n              <div v-if=\"subItem.type === 'textarea'\">\n                <ValidationProvider \n                  :name=\"subItem.label\" \n                  :rules=\"subItem.rules\"\n                  v-slot=\"{ errors, valid }\">\n                  <p class=\"mb-2\">\n                    <span class=\"red--text\" v-if=\"subItem.required\">*</span>\n                    {{ subItem.label }}\n                    <span :class=\"subItem.required ? 'error--text' : ''\">\n                      ({{ subItem.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                    </span>\n                  </p>\n\n                  <v-textarea\n                    :style=\"`max-width: ${subItem.width};`\"\n                    outlined\n                    dense\n                    :rows=\"subItem.rows\"\n                    hide-details\n                    color=\"#ff64ad\"\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    v-model=\"subItem.value\"\n                    v-uppercase\n                    :success=\"subItem.value !== '' && 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                          {{ subItem.label }} {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"subItem.value !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-textarea>\n                </ValidationProvider>\n              </div>\n\n              <div v-if=\"subItem.type === 'texteditor'\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\" v-if=\"subItem.required\">*</span>\n                  {{ subItem.label }}\n                  <span :class=\"subItem.required ? 'error--text' : ''\">\n                    ({{ subItem.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                  </span>\n                </p>\n                \n                <quill-editor \n                  ref=\"myTextEditor\"\n                  :options=\"{\n                    placeholder: subItem.placeholder\n                  }\"\n                  v-model=\"subItem.value\">\n                </quill-editor>\n              </div>\n\n              <div v-if=\"subItem.type === 'image'\">\n                <p class=\"mb-2\">\n                  <span class=\"red--text\" v-if=\"subItem.required\">*</span>\n                  {{ subItem.label }}\n                  <span :class=\"subItem.required ? 'error--text' : ''\">\n                    ({{ subItem.required ? 'wajib diisi' : 'boleh dikosongi' }})\n                  </span>\n                </p>\n\n                <uploadfolder v-model=\"images\">\n                  <div slot=\"activator\">\n                    <v-card\n                      outlined\n                      class=\"d-flex align-center justify-center cursor-pointer\"\n                      :width=\"subItem.full === undefined ? 175 : '100%'\"\n                      :height=\"subItem.full === undefined ? 175 : 250\"\n                      style=\"border-radius: 15px;\n                            border: 2px solid #eaeaea; \n                            border-style: dashed;\">\n                      <v-avatar v-if=\"!process.image\"\n                        v-ripple\n                        tile \n                        :width=\"subItem.full === undefined ? 173 : '100%'\"\n                        :height=\"subItem.full === undefined ? 173 : 250\"\n                        class=\"cursor-pointer\">\n                        <v-img \n                          v-if=\"subItem.value.length > 0\"\n                          contain\n                          :width=\"subItem.full === undefined ? 173 : '100%'\"\n                          :height=\"subItem.full === undefined ? 173 : 250\"\n                          alt=\"vuetify\"\n                          :src=\"subItem.value\">\n                        </v-img>\n\n                        <v-icon v-else size=\"50\" color=\"grey\">mdi-cloud-upload-outline</v-icon>\n                      </v-avatar>\n\n                      <v-progress-circular v-else\n                        indeterminate\n                        color=\"#ff64ad\">\n                      </v-progress-circular>\n                    </v-card>\n                  </div>\n                </uploadfolder>\n              </div>\n            </v-col>\n          </v-row>\n        </v-form>\n      </ValidationObserver>\n\n      <v-alert \n        type=\"error\" \n        text dense prominent \n        class=\"mt-6\"\n        v-show=\"message.error.length > 0\">\n        {{ message.error }}\n      </v-alert>\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        :disabled=\"process.form\"\n        :loading=\"process.form\"\n        v-on:keyup.enter=\"save()\"\n        @click=\"save()\">\n        <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n        Simpan\n      </v-btn>\n\n      <v-btn\n        outlined\n        class=\"body-2 font-weight-bold text-capitalize red--text\"\n        :disabled=\"process.form\"\n        @click=\"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</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      config: {\n        type: Object,\n        default: {}\n      },\n      fullscreen: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data () {\n      return {\n        images: null,\n        form: {},\n        process: {\n          form: false,\n          image: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      uploadfolder: () => import(/* webpackPrefetch: true */ '@/components/upload/folder.vue')\n    },\n    computed: {\n      rps() {\n        return this.$vuetify.breakpoint.name\n      }\n    },\n    watch: {\n      'images': {\n        handler: function () {\n          if (this.images) {\n            this.process.image = this.images.process \n\n            if (!this.process.image) this.form.map(obj => { if (obj.type === 'image') obj.value = this.images.data.full.file_url })\n          }\n        },\n        deep: true\n      }\n    },\n    mounted () {\n      this.form = this.config.form\n    },\n    methods: {\n      selected (item) {\n        this.form.map(obj => { \n          if (obj.relation === item.field) {\n            let data = item.option.filter(function(v) {\n              return item.value === v.value\n            })\n\n            if (data.length > 0) {\n              obj.value = data[0].text\n            }\n          }\n        })\n      },\n      reset () {\n        if (this.$refs.form) this.$refs.form.reset()\n        \n        this.$emit('close', false)\n        \n        this.process.form = false\n\n        this.message.error = ''\n      },\n      async save () {\n        this.message.error = ''\n\n        const isValid = await this.$refs.form.validate()\n\n        if (isValid) {\n          this.process.form = true\n\n          let forms = {}\n\n          this.form.map(obj => {\n            if (obj.type === 'column') {\n              obj.sub.map(obj_sub => {\n                forms[obj_sub.field] = obj_sub.value\n              })\n            } else {\n              forms[obj.field] = obj.value\n            }\n          })\n          \n          let url = forms.id.length < 1 ? this.config.action.add.api : this.config.action.edit.api\n\n          // SAVE TO REST API\n          await post(url, {\n            data: forms\n          })\n          .then(response => {\n            let res = response.data\n\n            this.process.form = false\n\n            if (res.code === 200) {\n              this.reset()\n            } else {\n              this.message.error = res.message\n            }\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!./form.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!./form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./form.vue?vue&type=template&id=44581588&\"\nimport script from \"./form.vue?vue&type=script&lang=js&\"\nexport * from \"./form.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"],"sourceRoot":""}