{"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":["_c","attrs","proxy","_vm","staticClass","$emit","style","form","ref","key","hide","staticStyle","model","value","item","expression","scopedSlots","fn","valid","required","on","callback","$set","type","_v","class","width","_u","data","errors","_l","option","label","picker","$$v","placeholder","_e","images","slot","full","undefined","process","directives","name","rawName","subItem","rules","_s","text","radio","refInFor","$event","image","length","message","error","staticRenderFns","props","detail","default","config","fullscreen","success","components","uploadfolder","computed","rps","watch","handler","deep","mounted","methods","selected","obj","reset","forms","then","setTimeout","map","filter","behavior","block","component"],"mappings":"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","file":"js/chunk-2d0c1037.01a6fb0a.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\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-2\"},[_vm._v(\"\\n      \"+_vm._s(Object.keys(_vm.detail).length > 0 ? 'Ubah Data' : 'Tambah')+\"\\n    \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},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',{staticStyle:{\"display\":\"none\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"vvvv-uppercase\":\"\"},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',{style:(`max-width: ${item.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"type\":item.type,\"placeholder\":item.placeholder,\"vvvv-uppercase\":\"\",\"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\":\"#B71C1C\",\"item-color\":\"red 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\":\"#B71C1C\",\"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({style:(`max-width: ${item.width};`),attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"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\":\"#B71C1C\"},on:{\"input\":function($event){item.picker = false}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1)],1):_vm._e(),(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',{style:(`max-width: ${item.width};`),attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":item.rows,\"hide-details\":\"\",\"color\":\"#B71C1C\",\"type\":item.type,\"placeholder\":item.placeholder,\"vvvv-uppercase\":\"\",\"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\":\"#B71C1C\"}})],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',{style:(`max-width: ${subItem.width};`),attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#B71C1C\",\"hide-details\":\"\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"vvvv-uppercase\":\"\",\"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\":\"#B71C1C\",\"item-color\":\"red 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\":\"#B71C1C\",\"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({style:(`max-width: ${subItem.width};`),attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"color\":\"#B71C1C\",\"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\":\"#B71C1C\"},on:{\"input\":function($event){item.picker = false}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1)],1):_vm._e(),(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',{style:(`max-width: ${subItem.width};`),attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":subItem.rows,\"hide-details\":\"\",\"color\":\"#B71C1C\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"vvvv-uppercase\":\"\",\"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\":\"#B71C1C\"}})],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\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n      Simpan\\n    \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){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=\"30\">\n        <v-img\n          alt=\"vuetify\"\n          :src=\"require('@/assets/logo/favicon.png')\">\n          <template v-slot:placeholder>\n            <v-row\n              class=\"fill-height\"\n              align=\"center\"\n              justify=\"center\">\n              <v-progress-circular \n                indeterminate \n                color=\"#B71C1C\">\n              </v-progress-circular>\n            </v-row>\n          </template>\n        </v-img>\n      </v-avatar>\n\n      <span class=\"mt-1 ml-2\">\n        <!-- {{ Object.keys(detail).length > 0 ? 'Ubah Data' : 'Tambah' }} {{ config.action.add.text !== undefined ? config.action.add.text : $route.meta.title }} -->\n        {{ Object.keys(detail).length > 0 ? 'Ubah Data' : 'Tambah' }}\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=\"#B71C1C\">\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=\"#B71C1C\"\n              hide-details\n              v-model=\"item.value\"\n              vvvv-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=\"#B71C1C\"\n                    hide-details\n                    :type=\"item.type\"\n                    :placeholder=\"item.placeholder\"\n                    v-model=\"item.value\"\n                    vvvv-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=\"#B71C1C\"\n                    item-color=\"red 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=\"#B71C1C\"\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                          vvvv-uppercase\n                          readonly\n                          outlined\n                          dense\n                          color=\"#B71C1C\"\n                          :placeholder=\"item.placeholder\"\n                          hide-details\n                          clearable\n                          @click:clear=\"item.value = ''\"\n                          v-on=\"on\"\n                          v-bind=\"attrs\"\n                          :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=\"#B71C1C\"\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=\"#B71C1C\"\n                    :type=\"item.type\"\n                    :placeholder=\"item.placeholder\"\n                    v-model=\"item.value\"\n                    vvvv-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=\"#B71C1C\">\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=\"#B71C1C\"\n                    hide-details\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    v-model=\"subItem.value\"\n                    vvvv-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=\"#B71C1C\"\n                    item-color=\"red 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=\"#B71C1C\"\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                          vvvv-uppercase\n                          readonly\n                          outlined\n                          dense\n                          color=\"#B71C1C\"\n                          :placeholder=\"subItem.placeholder\"\n                          hide-details\n                          clearable\n                          @click:clear=\"subItem.value = ''\"\n                          v-on=\"on\"\n                          v-bind=\"attrs\"\n                          :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=\"#B71C1C\"\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=\"#B71C1C\"\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    v-model=\"subItem.value\"\n                    vvvv-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=\"#B71C1C\">\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        v-html=\"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=\"#B71C1C\"\n        elevation=\"0\"\n        class=\"body-2 font-weight-bold text-capitalize white--text\"\n        :disabled=\"process.form\"\n        :loading=\"process.form\"\n        v-on:keyup.enter=\"save()\"\n        @click=\"save()\">\n        <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n        Simpan\n      </v-btn>\n\n      <v-btn\n        outlined\n        class=\"body-2 font-weight-bold text-capitalize red--text\"\n        :disabled=\"process.form\"\n        @click=\"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=275f637a&\"\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":""}