{"version":3,"sources":["webpack:///./node_modules/vuetify/lib/components/VSwitch/VSwitch.js","webpack:///./src/components/DataAspec/DataAspecUpdate.vue","webpack:///src/components/DataAspec/DataAspecUpdate.vue","webpack:///./src/components/DataAspec/DataAspecUpdate.vue?3170","webpack:///./src/components/DataAspec/DataAspecUpdate.vue?6bb0"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","name","directives","Touch","mixins","props","loading","type","Boolean","String","default","computed","classes","switchData","this","setTextColor","undefined","computedColor","class","themeClasses","methods","genDefaultSlot","genSwitch","genLabel","$createElement","staticClass","genInput","$attrs","genRipple","value","left","onSwipeLeft","right","onSwipeRight","genProgress","$slots","progress","color","size","width","indeterminate","isActive","onChange","onKeydown","e","keyCode","attrs","_c","$event","_vm","data","dialogShow","on","onSave","_v","expression","model","callback","dataAspec","isEnabled","aspecTipeItems","aspecTipeSubItemSelected","$$v","staticRenderFns","render","isLoading","alertColor","alertIcon","alertValue","alertMessage","code","totalTime","description","instruction","id","isSubAspecMerged","editorOption","modules","toolbar","header","list","script","indent","direction","font","background","align","history","delay","maxStack","userOnly","aspecTipeItemSelected","aspecTipeSubItems","updated","firstLoad","vm","ApiService","post","Id","dataAspecId","then","response","tipe","tipeSub","getDataAspecTipeSub","catch","$validator","validate","valid","Code","Name","Description","IsEnabled","AspecTipe","AspecTipeSub","$emit","status","onAspecTipeChange","getDataAspecTipe","Promise","resolve","reject","AspecTipeId","clearForm","component"],"mappings":"yIAAA,oFAAIA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAcxO,QACXS,KAAM,WACNC,WAAY,CAAEC,MAAO,QACrBC,OAAQ,CAAC,QACTC,MAAO,CACHC,QAAS,CACLC,KAAM,CAACC,QAASC,QAChBC,SAAS,IAGjBC,SAAU,CACNC,QAAS,WACL,MAAO,CACH,+CAA+C,IAGvDC,WAAY,WACR,OAAOC,KAAKC,aAAaD,KAAKR,aAAUU,EAAYF,KAAKG,cAAe,CACpEC,MAAOJ,KAAKK,iBAIxBC,QAAS,CACLC,eAAgB,WACZ,MAAO,CAACP,KAAKQ,YAAaR,KAAKS,aAEnCD,UAAW,WACP,OAAOR,KAAKU,eAAe,MAAO,CAC9BC,YAAa,sCACd,CAACX,KAAKY,SAAS,WAAYZ,KAAKa,QAASb,KAAKc,UAAUd,KAAKC,aAAaD,KAAKG,cAAe,CAC7Ff,WAAY,CAAC,CACTD,KAAM,QACN4B,MAAO,CACHC,KAAMhB,KAAKiB,YACXC,MAAOlB,KAAKmB,mBAGnBnB,KAAKU,eAAe,MAAOnC,EAAS,CACrCoC,YAAa,0BACdX,KAAKD,aAAcC,KAAKU,eAAe,MAAOnC,EAAS,CACtDoC,YAAa,0BACdX,KAAKD,YAAa,CAACC,KAAKoB,mBAE/BA,YAAa,WACT,OAAOpB,KAAKU,eAAe,OAAgB,GAAI,EAAkB,IAAjBV,KAAKR,QAAoB,KAAOQ,KAAKqB,OAAOC,UAAYtB,KAAKU,eAAe,OAAmB,CAC3InB,MAAO,CACHgC,OAAwB,IAAjBvB,KAAKR,SAAqC,KAAjBQ,KAAKR,QAAiBQ,KAAKuB,OAAS,UAAYvB,KAAKR,QACrFgC,KAAM,GACNC,MAAO,EACPC,eAAe,QAI3BT,YAAa,WACLjB,KAAK2B,UAAU3B,KAAK4B,YAE5BT,aAAc,WACLnB,KAAK2B,UAAU3B,KAAK4B,YAE7BC,UAAW,SAAmBC,IACtBA,EAAEC,UAAY,OAASf,MAAQhB,KAAK2B,UAAYG,EAAEC,UAAY,OAASb,QAAUlB,KAAK2B,WAAU3B,KAAK4B,e,iOC1EgL,EAAK,W,IAA0BjB,OAA0CqB,EAAK,EAAC,S,OAAC,SAAQ,CAAM,OAAIC,WAAW,GAACD,eAAM,GAAC,WAAS,4BAAU,MAAC,CAAG,MAAC,kBAAC,SAAQ,SAASE,GAAQC,EAAIC,KAAKC,OAAU,aAAQ,IAAC,+BAA4B1B,UAAW,CAAC,SAAa,CAACqB,YAAM,8B,MAAC,CAAoB,MAAO,SAAQ,GAAG,OAAI,CAAwDA,MAAM,CAAC,KAAO,GAAG,SAAiBrB,IAAsDsB,MAAG,SAAW,GAACD,EAAM,sB,CAAqC,sBAAQ,C,YAAQ,cAAE,OAAIC,KAAG,aAAUD,KAAM,SAAU,qCAAE,MAAK,CAASrB,MAAW,K,CAAsB,SAAQ,C,YAAgCwB,yCAAc,WAACG,MAAG,CAAC,cAAQ,G,gBAA4BC,GAAQ,OAAC,UAAiB5B,UAAW,CAAQ,MAAM6B,CAA0D7B,UAAqEqB,GAAK,OAAC,C,YAAC,c,MAAiB,CAAmB,MAAQ,sBAAC,QAAO,aAAI,GAAI,CAAWA,MAAM,YAAC,OAAM,cAAoBrB,UAAW,CAAQqB,YAAM,Q,CAAC,eAAgB,wC,YAASG,yC,CAAe,SAAW,C,MAAY,CAAqB,cAAU,GAAE,mBAAIA,IAAOA,GAAmDH,KAAM,K,CAAkB,U,MAAwB,CAAI,IAAM,KAAM,CAACC,EAAG,OAAQ,CAAED,YAAM,O,MAAM,CAAG,eAAIC,MAAG,EAAU,WAAED,MAAM,aAAC,iBAAiB,a,CAA4B,KAAM,EAAC,wCAAE,OAAIC,cAAY,GAACtB,gBAAkB,GAACqB,IAAM,GAAC,KAAO,KAAK,CAACC,EAAG,QAAgB7C,OAAaD,IAAK,K,CAAgC4B,SAAO,C,MAAY0B,CAAyB,iBAACT,gBAAM,GAAC,IAAO,GAAQ,UAAkE,WAACU,YAAM,O,MAAM,CAAsBC,KAAQ,K,CAAqD,EAAC,Q,WAAW,EAAiB,gBAAI,QAAO,aAAUhC,iBAAmBqB,WAAM,eAAU,OAAIC,MAAG,OAAgB7C,eAAY,OAACD,iBAAe,0B,MAA2B,CAAcsD,QAAU,UAAC,KAAc,qBAACT,EAAM,4BAAgB,gCAAkE,aAACU,YAAM,O,MAAM,CAAsBC,KAAQ,K,CAAqD,EAAC,Q,WAAW,EAAiB,gBAAI,QAAO,aAAUhC,iBAAmBqB,WAAM,eAAU,OAAIC,MAAS,OAAEtB,eAAY,OAAWwB,iBAAkB,EAAGF,OAAG,QAAW,S,MAAQ,CAAiB,uBAACS,SAAM,YAAC3B,EAAK,KAAM6B,YAAUC,OAAU,I,WAAmCV,qBAAkCM,YAAW,CAAqB,mBAAG,MAAK,CAAqBT,KAAM,KAAS,WAAE,YAAK,UAAyBA,GAAK,GAAC,wB,MAAM,CAAG,gBAAmBA,MAAM,CAAC,MAAM,EAAC,UAAM,UAAC,SAAQG,SAAIW,GAAe,OAAW,EAAC,UAAM,gBAAqB,qCAAwC,qBAACR,MAAG,CAAC,S,CAAwD,oBAAC,MAAC,CAACI,IAAM,K,CAAmCC,SAAS,C,MAAmB,CAA0B,KAAC,OAACF,QAAW,eAAuB,mBAAI,aAAW,OAAyBT,gBAAM,GAAC,kBAAM,IAAI,GAAI,CAAaA,OAAM,YAAC,OAAO,wB,MAA4D,CAAoB,8BAAmB,kBAAkB,GAAG,2BAAQjB,WAAWgC,4B,IAAuDA,sBAAyBC,C,MAAI,CAACP,SAAyC,GAAG,OAAO,CAA0BT,MAAM,CAAC,KAAO,WAAE,0BAAIC,YAAG,OAAcD,aAAM,OAAC,gBAAQ,GAAa,sB,MAAa,CAA6BW,QAAS,yB,SAAwB,SAAKC,GAA+B,8BAAmC,0CACjpH,2BACGK,OAEJ,KAASC,K,6NC2GM,GAIf3D,MAAA,CACA6C,KAAA5D,QAEA4D,UAAA,CACAe,WAAA,EACAC,WAAA,GACAC,UAAA,GACAC,YAAA,EACAC,aAAA,GACAC,KAAA,GACArE,KAAA,GACA0D,WAAA,EACAY,UAAA,EACAC,YAAA,GACAC,YAAA,GACAf,UAAA,CACAgB,GAAA,GACAJ,KAAA,GACArE,KAAA,GACAsE,UAAA,EACAZ,WAAA,EACAgB,kBAAA,EACAH,YAAA,GACAC,YAAA,IAEAG,aAAA,CACAC,QAAA,CACAC,QAAA,CACA,uCACA,4BACA,CACA,CACAC,OAAA,GAEA,CACAA,OAAA,IAGA,CACA,CACAC,KAAA,WAEA,CACAA,KAAA,WAGA,CACA,CACAC,OAAA,OAEA,CACAA,OAAA,UAGA,CACA,CACAC,OAAA,MAEA,CACAA,OAAA,OAGA,CACA,CACAC,UAAA,QAGA,CACA,CACA7C,KAAA,8BAGA,CACA,CACAyC,OAAA,mBAGA,CACA,CACAK,KAAA,KAGA,CACA,CACA/C,MAAA,IAEA,CACAgD,WAAA,KAGA,CACA,CACAC,MAAA,KAGA,UACA,0BAEAC,QAAA,CACAC,MAAA,IACAC,SAAA,GACAC,UAAA,KAIA9B,eAAA,GACA+B,sBAAA,GACAC,kBAAA,GACA/B,yBAAA,KAEAgC,UACA,aAAA3C,KAAA4C,UAAA,CACA,MAAAC,EAAA,KACAA,EAAA9B,WAAA,EACA+B,OAAAC,KAAA,8BACAC,GAAAH,EAAA7C,KAAAiD,cAEAC,KAAAC,IACAN,EAAArC,UAAAgB,GAAA2B,EAAAnD,KAAAwB,GACAqB,EAAArC,UAAAY,KAAA+B,EAAAnD,KAAAoB,KACAyB,EAAArC,UAAAzD,KAAAoG,EAAAnD,KAAAjD,KACA8F,EAAArC,UAAAC,UAAA0C,EAAAnD,KAAAS,UACAoC,EAAArC,UAAAc,YAAA6B,EAAAnD,KAAAsB,YACAuB,EAAAJ,sBAAAU,EAAAnD,KAAAoD,KACAP,EAAAlC,yBAAAwC,EAAAnD,KAAAqD,QACAR,EAAAS,sBAAAJ,KAAA,KACAL,EAAA7C,KAAA4C,WAAA,EACAC,EAAA9B,WAAA,MAGAwC,MAAA,KACAV,EAAA7C,KAAA4C,WAAA,EACAC,EAAA9B,WAAA,MAIA7C,QAAA,CACAiC,OAAA,WACA,KAAAqD,WAAAC,WAAAP,KAAAQ,IACA,GAAAA,EAAA,CACA,MAAAb,EAAA,KACAA,EAAA9B,WAAA,EACA8B,EAAA3B,YAAA,EACA4B,OAAAC,KAAA,6BACAC,GAAAH,EAAArC,UAAAgB,GACAmC,KAAAd,EAAArC,UAAAY,KACAwC,KAAAf,EAAArC,UAAAzD,KACA8G,YAAAhB,EAAArC,UAAAc,YACAwC,UAAAjB,EAAArC,UAAAC,UACAsD,UAAAlB,EAAAJ,sBAAArB,KACA4C,aAAAnB,EAAAlC,yBAAAS,OAEA8B,KAAA,KACAL,EAAA9B,WAAA,EACA8B,EAAAoB,MAAA,gBACApB,EAAA7C,KAAAC,YAAA,IAEAsD,MAAA,EAAAJ,eACAN,EAAA9B,WAAA,EACA,KAAAoC,EAAAe,QACArB,EAAA7B,WAAA,UACA6B,EAAA5B,UAAA,gBACA4B,EAAA3B,YAAA,EACA2B,EAAA1B,aAAAgC,EAAAnD,OAEA6C,EAAA7B,WAAA,QACA6B,EAAA5B,UAAA,UACA4B,EAAA3B,YAAA,EACA2B,EAAA1B,aAAAgC,EAAAnD,YAMAmE,oBACA,KAAAb,uBAEAc,iBAAA,WACA,WAAAC,QAAA,CAAAC,EAAAC,KACA,MAAA1B,EAAA,KACAA,EAAAnC,eAAA,GACAoC,OAAAC,KAAA,8BACAG,KAAA,EAAAlD,WACA6C,EAAAnC,eAAAV,EAEAsE,EAAAtE,KAEAuD,MAAA,EAAAJ,eACAoB,EAAApB,QAIAG,oBAAA,WACA,WAAAe,QAAA,CAAAC,EAAAC,KACA,MAAA1B,EAAA,KACAA,EAAAH,kBAAA,GACAI,OAAAC,KAAA,iCACAyB,YAAA3B,EAAAJ,sBAAAjB,KAEA0B,KAAA,EAAAlD,WACA6C,EAAAH,kBAAA1C,EAEAsE,EAAAtE,KAEAuD,MAAA,EAAAJ,eACAoB,EAAApB,QAIAsB,UAAA,WACA,MAAA5B,EAAA,KACAA,EAAA9B,WAAA,EACA+B,OAAAC,KAAA,8BACAC,GAAAH,EAAA7C,KAAAiD,cAEAC,KAAAC,IACAN,EAAArC,UAAAgB,GAAA2B,EAAAnD,KAAAwB,GACAqB,EAAArC,UAAAY,KAAA+B,EAAAnD,KAAAoB,KACAyB,EAAArC,UAAAzD,KAAAoG,EAAAnD,KAAAjD,KACA8F,EAAArC,UAAAC,UAAA0C,EAAAnD,KAAAS,UACAoC,EAAArC,UAAAc,YAAA6B,EAAAnD,KAAAsB,YACAuB,EAAAJ,sBAAAU,EAAAnD,KAAAoD,KACAP,EAAAlC,yBAAAwC,EAAAnD,KAAAqD,UAEAH,KAAA,KACAL,EAAAuB,qBAEAlB,KAAA,KACAL,EAAAS,sBACAT,EAAA9B,WAAA,IAEAwC,MAAA,KACAV,EAAA9B,WAAA,OC3VuW,I,YCOnW2D,EAAY,eACd,EACA,EACA7D,GACA,EACA,KACA,KACA,MAIa,aAAA6D,E","file":"js/chunk-243c16ee.dd316cb5.js","sourcesContent":["var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nimport '../../../src/stylus/components/_selection-controls.styl';\nimport '../../../src/stylus/components/_switch.styl';\n// Mixins\nimport Selectable from '../../mixins/selectable';\n// Directives\nimport Touch from '../../directives/touch';\n// Components\nimport { VFabTransition } from '../transitions';\nimport VProgressCircular from '../VProgressCircular/VProgressCircular';\n// Helpers\nimport { keyCodes } from '../../util/helpers';\n/* @vue/component */\nexport default {\n    name: 'v-switch',\n    directives: { Touch: Touch },\n    mixins: [Selectable],\n    props: {\n        loading: {\n            type: [Boolean, String],\n            default: false\n        }\n    },\n    computed: {\n        classes: function classes() {\n            return {\n                'v-input--selection-controls v-input--switch': true\n            };\n        },\n        switchData: function switchData() {\n            return this.setTextColor(this.loading ? undefined : this.computedColor, {\n                class: this.themeClasses\n            });\n        }\n    },\n    methods: {\n        genDefaultSlot: function genDefaultSlot() {\n            return [this.genSwitch(), this.genLabel()];\n        },\n        genSwitch: function genSwitch() {\n            return this.$createElement('div', {\n                staticClass: 'v-input--selection-controls__input'\n            }, [this.genInput('checkbox', this.$attrs), this.genRipple(this.setTextColor(this.computedColor, {\n                directives: [{\n                    name: 'touch',\n                    value: {\n                        left: this.onSwipeLeft,\n                        right: this.onSwipeRight\n                    }\n                }]\n            })), this.$createElement('div', _extends({\n                staticClass: 'v-input--switch__track'\n            }, this.switchData)), this.$createElement('div', _extends({\n                staticClass: 'v-input--switch__thumb'\n            }, this.switchData), [this.genProgress()])]);\n        },\n        genProgress: function genProgress() {\n            return this.$createElement(VFabTransition, {}, [this.loading === false ? null : this.$slots.progress || this.$createElement(VProgressCircular, {\n                props: {\n                    color: this.loading === true || this.loading === '' ? this.color || 'primary' : this.loading,\n                    size: 16,\n                    width: 2,\n                    indeterminate: true\n                }\n            })]);\n        },\n        onSwipeLeft: function onSwipeLeft() {\n            if (this.isActive) this.onChange();\n        },\n        onSwipeRight: function onSwipeRight() {\n            if (!this.isActive) this.onChange();\n        },\n        onKeydown: function onKeydown(e) {\n            if (e.keyCode === keyCodes.left && this.isActive || e.keyCode === keyCodes.right && !this.isActive) this.onChange();\n        }\n    }\n};\n//# sourceMappingURL=VSwitch.js.map","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.data.dialogShow),callback:function ($$v) {_vm.$set(_vm.data, \"dialogShow\", $$v)},expression:\"data.dialogShow\"}},[_c('v-card',[_c('v-toolbar',{staticClass:\"elevation-1 green lighten-2\",attrs:{\"color\":\"gray\"}},[_c('v-btn',{attrs:{\"flat\":\"\",\"icon\":\"\"},on:{\"click\":function($event){_vm.data.dialogShow = false}}},[_c('font-awesome-icon',{staticClass:\"black--text\",attrs:{\"icon\":\"arrow-left\",\"size\":\"2x\"}})],1),_c('v-spacer'),_c('v-toolbar-items')],1),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-card',{staticClass:\"mb-2 py-1 elevation-1 green lighten-5\"},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md12\":\"\"}},[_c('v-btn',{staticClass:\"elevation-1\",attrs:{\"color\":\"light-blue darken-3\",\"loading\":_vm.isLoading},on:{\"click\":function($event){return _vm.onSave()}}},[_c('v-icon',{staticClass:\"pr-2\"},[_vm._v(\"save\")]),_vm._v(\"SAVE \")],1)],1)],1)],1),_c('v-card',{staticClass:\"mb-1 py-1 elevation-1 green lighten-5\"},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-alert',{staticClass:\"ma-2\",attrs:{\"dismissible\":\"\",\"value\":_vm.alertValue,\"color\":_vm.alertColor,\"icon\":_vm.alertIcon,\"outline\":\"\"}},[_vm._v(_vm._s(_vm.alertMessage))])],1)],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md4\":\"\"}},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3\",attrs:{\"md12\":\"\"}},[_c('v-text-field',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Kode\",\"data-vv-name\":\"code\",\"error-messages\":_vm.errors.collect('code')},model:{value:(_vm.dataAspec.code),callback:function ($$v) {_vm.$set(_vm.dataAspec, \"code\", $$v)},expression:\"dataAspec.code\"}})],1),_c('v-flex',{staticClass:\"px-3\",attrs:{\"md12\":\"\"}},[_c('v-text-field',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"label\":\"Nama\",\"data-vv-name\":\"name\",\"error-messages\":_vm.errors.collect('name')},model:{value:(_vm.dataAspec.name),callback:function ($$v) {_vm.$set(_vm.dataAspec, \"name\", $$v)},expression:\"dataAspec.name\"}})],1),_c('v-flex',{staticClass:\"px-3\",attrs:{\"md12\":\"\"}},[_c('span',{staticClass:\"body-2\"},[_vm._v(\"Status :\")]),_c('v-switch',{attrs:{\"label\":\"Enable\"},model:{value:(_vm.dataAspec.isEnabled),callback:function ($$v) {_vm.$set(_vm.dataAspec, \"isEnabled\", $$v)},expression:\"dataAspec.isEnabled\"}})],1)],1)],1),_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-layout',[_c('v-flex',{attrs:{\"md3\":\"\"}},[_c('v-select',{attrs:{\"hint\":\"Tipe\",\"items\":_vm.aspecTipeItems,\"item-text\":\"code\",\"item-value\":\"code\",\"return-object\":\"\",\"persistent-hint\":\"\"},on:{\"change\":function($event){return _vm.onAspecTipeChange()}},model:{value:(_vm.aspecTipeItemSelected),callback:function ($$v) {_vm.aspecTipeItemSelected=$$v},expression:\"aspecTipeItemSelected\"}})],1)],1),_c('v-layout',[_c('v-flex',{attrs:{\"md3\":\"\"}},[_c('v-select',{attrs:{\"hint\":\"Sub Tipe\",\"items\":_vm.aspecTipeSubItems,\"item-text\":\"code\",\"item-value\":\"code\",\"return-object\":\"\",\"persistent-hint\":\"\"},model:{value:(_vm.aspecTipeSubItemSelected),callback:function ($$v) {_vm.aspecTipeSubItemSelected=$$v},expression:\"aspecTipeSubItemSelected\"}})],1)],1),_c('v-layout',[_c('v-flex',{attrs:{\"md12\":\"\"}},[_c('v-textarea',{attrs:{\"label\":\"Keterangan\"},model:{value:(_vm.dataAspec.description),callback:function ($$v) {_vm.$set(_vm.dataAspec, \"description\", $$v)},expression:\"dataAspec.description\"}})],1)],1)],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"data.dialogShow\" fullscreen hide-overlay transition=\"dialog-bottom-transition\">\r\n    <v-card>\r\n      <v-toolbar color=\"gray\" class=\"elevation-1 green lighten-2\">\r\n        <v-btn flat icon @click=\"data.dialogShow = false\">\r\n          <font-awesome-icon icon=\"arrow-left\" size=\"2x\" class=\"black--text\" />\r\n        </v-btn>\r\n        <v-spacer></v-spacer>\r\n        <v-toolbar-items></v-toolbar-items>\r\n      </v-toolbar>\r\n      <v-container fluid>\r\n        <v-card class=\"mb-2 py-1 elevation-1 green lighten-5\">\r\n          <v-layout align-start justify-start row wrap>\r\n            <v-flex md12>\r\n              <v-btn\r\n                color=\"light-blue darken-3\"\r\n                class=\"elevation-1\"\r\n                :loading=\"isLoading\"\r\n                @click=\"onSave()\"\r\n              >\r\n                <v-icon class=\"pr-2\">save</v-icon>SAVE\r\n              </v-btn>\r\n            </v-flex>\r\n          </v-layout>\r\n        </v-card>\r\n\r\n        <v-card class=\"mb-1 py-1 elevation-1 green lighten-5\">\r\n          <v-layout align-start justify-start row wrap>\r\n            <v-flex md6>\r\n              <v-alert\r\n                class=\"ma-2\"\r\n                dismissible\r\n                :value=\"alertValue\"\r\n                :color=\"alertColor\"\r\n                :icon=\"alertIcon\"\r\n                outline\r\n              >{{alertMessage}}</v-alert>\r\n            </v-flex>\r\n          </v-layout>\r\n          <v-layout align-start justify-start row wrap>\r\n            <v-flex md4>\r\n              <v-layout align-start justify-start row wrap>\r\n                <v-flex md12 class=\"px-3\">\r\n                  <v-text-field\r\n                    label=\"Kode\"\r\n                    v-model=\"dataAspec.code\"\r\n                    v-validate=\"'required'\"\r\n                    data-vv-name=\"code\"\r\n                    :error-messages=\"errors.collect('code')\"\r\n                  ></v-text-field>\r\n                </v-flex>\r\n                <v-flex md12 class=\"px-3\">\r\n                  <v-text-field\r\n                    label=\"Nama\"\r\n                    v-model=\"dataAspec.name\"\r\n                    v-validate=\"'required'\"\r\n                    data-vv-name=\"name\"\r\n                    :error-messages=\"errors.collect('name')\"\r\n                  ></v-text-field>\r\n                </v-flex>\r\n                <v-flex md12 class=\"px-3\">\r\n                  <span class=\"body-2\">Status :</span>\r\n                  <v-switch label=\"Enable\" v-model=\"dataAspec.isEnabled\"></v-switch>\r\n                </v-flex>\r\n              </v-layout>\r\n            </v-flex>\r\n            <v-flex md6>\r\n              <v-layout>\r\n                <v-flex md3>\r\n                  <v-select\r\n                    @change=\"onAspecTipeChange()\"\r\n                    hint=\"Tipe\"\r\n                    v-model=\"aspecTipeItemSelected\"\r\n                    :items=\"aspecTipeItems\"\r\n                    item-text=\"code\"\r\n                    item-value=\"code\"\r\n                    return-object\r\n                    persistent-hint\r\n                  ></v-select>\r\n                </v-flex>\r\n              </v-layout>\r\n              <v-layout>\r\n                <v-flex md3>\r\n                  <v-select\r\n                    hint=\"Sub Tipe\"\r\n                    v-model=\"aspecTipeSubItemSelected\"\r\n                    :items=\"aspecTipeSubItems\"\r\n                    item-text=\"code\"\r\n                    item-value=\"code\"\r\n                    return-object\r\n                    persistent-hint\r\n                  ></v-select>\r\n                </v-flex>\r\n              </v-layout>\r\n\r\n              <v-layout>\r\n                <v-flex md12>\r\n                  <v-textarea v-model=\"dataAspec.description\" label=\"Keterangan\"></v-textarea>\r\n                </v-flex>\r\n              </v-layout>\r\n            </v-flex>\r\n          </v-layout>\r\n        </v-card>\r\n      </v-container>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<script>\r\n// import { quillEditor } from \"vue-quill-editor\";\r\nimport ApiService from \"@/common/api.service\";\r\n\r\nexport default {\r\n  // components: {\r\n  //   quillEditor\r\n  // },\r\n  props: {\r\n    data: Object\r\n  },\r\n  data: () => ({\r\n    isLoading: false,\r\n    alertColor: \"\",\r\n    alertIcon: \"\",\r\n    alertValue: false,\r\n    alertMessage: \"\",\r\n    code: \"\",\r\n    name: \"\",\r\n    isEnabled: true,\r\n    totalTime: 0,\r\n    description: \"\",\r\n    instruction: \"\",\r\n    dataAspec: {\r\n      id: \"\",\r\n      code: \"\",\r\n      name: \"\",\r\n      totalTime: 0,\r\n      isEnabled: true,\r\n      isSubAspecMerged: false,\r\n      description: \"\",\r\n      instruction: \"\"\r\n    },\r\n    editorOption: {\r\n      modules: {\r\n        toolbar: [\r\n          [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n          [\"blockquote\", \"code-block\"],\r\n          [\r\n            {\r\n              header: 1\r\n            },\r\n            {\r\n              header: 2\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              list: \"ordered\"\r\n            },\r\n            {\r\n              list: \"bullet\"\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              script: \"sub\"\r\n            },\r\n            {\r\n              script: \"super\"\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              indent: \"-1\"\r\n            },\r\n            {\r\n              indent: \"+1\"\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              direction: \"rtl\"\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              size: [\"small\", false, \"large\", \"huge\"]\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              header: [1, 2, 3, 4, 5, 6, false]\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              font: []\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              color: []\r\n            },\r\n            {\r\n              background: []\r\n            }\r\n          ],\r\n          [\r\n            {\r\n              align: []\r\n            }\r\n          ],\r\n          [\"clean\"],\r\n          [\"link\", \"image\", \"video\"]\r\n        ],\r\n        history: {\r\n          delay: 1000,\r\n          maxStack: 50,\r\n          userOnly: false\r\n        }\r\n      }\r\n    },\r\n    aspecTipeItems: [],\r\n    aspecTipeItemSelected: \"\",\r\n    aspecTipeSubItems: [],\r\n    aspecTipeSubItemSelected: \"\"\r\n  }),\r\n  updated() {\r\n    if (this.data.firstLoad === true) {      \r\n      const vm = this;\r\n      vm.isLoading = true;\r\n      ApiService.post(\"DataAspec/GetDataAspecById\", {\r\n        Id: vm.data.dataAspecId\r\n      })\r\n        .then(response => {\r\n          vm.dataAspec.id = response.data.id;\r\n          vm.dataAspec.code = response.data.code;\r\n          vm.dataAspec.name = response.data.name;\r\n          vm.dataAspec.isEnabled = response.data.isEnabled;\r\n          vm.dataAspec.description = response.data.description;\r\n          vm.aspecTipeItemSelected = response.data.tipe;\r\n          vm.aspecTipeSubItemSelected = response.data.tipeSub;\r\n          vm.getDataAspecTipeSub().then(() => {\r\n            vm.data.firstLoad = false;\r\n            vm.isLoading = false;\r\n          });\r\n        })\r\n        .catch(() => {\r\n          vm.data.firstLoad = false;\r\n          vm.isLoading = false;\r\n        });\r\n    }\r\n  },\r\n  methods: {\r\n    onSave: function() {\r\n      this.$validator.validate().then(valid => {       \r\n        if (valid) {\r\n          const vm = this;\r\n          vm.isLoading = true;\r\n          vm.alertValue = false;\r\n          ApiService.post(\"DataAspec/UpdateDataAspec\", {\r\n            Id: vm.dataAspec.id,\r\n            Code: vm.dataAspec.code,\r\n            Name: vm.dataAspec.name,\r\n            Description: vm.dataAspec.description,\r\n            IsEnabled: vm.dataAspec.isEnabled,\r\n            AspecTipe: vm.aspecTipeItemSelected.code,\r\n            AspecTipeSub: vm.aspecTipeSubItemSelected.code\r\n          })\r\n            .then(() => {\r\n              vm.isLoading = false;\r\n              vm.$emit(\"close-window\");\r\n              vm.data.dialogShow = false;\r\n            })\r\n            .catch(({ response }) => {\r\n              vm.isLoading = false;\r\n              if (response.status == 400) {\r\n                vm.alertColor = \"warning\";\r\n                vm.alertIcon = \"priority_high\";\r\n                vm.alertValue = true;\r\n                vm.alertMessage = response.data;\r\n              } else {\r\n                vm.alertColor = \"error\";\r\n                vm.alertIcon = \"warning\";\r\n                vm.alertValue = true;\r\n                vm.alertMessage = response.data;\r\n              }\r\n            });\r\n        }\r\n      });\r\n    },\r\n    onAspecTipeChange() {      \r\n      this.getDataAspecTipeSub();\r\n    },\r\n    getDataAspecTipe: function() {\r\n      return new Promise((resolve, reject) => {\r\n        const vm = this;\r\n        vm.aspecTipeItems = [];\r\n        ApiService.post(\"DataAspec/GetDataAspecTipe\")\r\n          .then(({ data }) => {\r\n            vm.aspecTipeItems = data;\r\n\r\n            resolve(data);\r\n          })\r\n          .catch(({ response }) => {\r\n            reject(response);\r\n          });\r\n      });\r\n    },\r\n    getDataAspecTipeSub: function() {\r\n      return new Promise((resolve, reject) => {\r\n        const vm = this;\r\n        vm.aspecTipeSubItems = [];\r\n        ApiService.post(\"DataAspec/GetDataAspecTipeSub\", {\r\n          AspecTipeId: vm.aspecTipeItemSelected.id\r\n        })\r\n          .then(({ data }) => {\r\n            vm.aspecTipeSubItems = data;\r\n            // vm.aspecTipeSubItemSelected = data[0];\r\n            resolve(data);\r\n          })\r\n          .catch(({ response }) => {\r\n            reject(response);\r\n          });\r\n      });\r\n    },\r\n    clearForm: function() {\r\n      const vm = this;\r\n      vm.isLoading = true;\r\n      ApiService.post(\"DataAspec/GetDataAspecById\", {\r\n        Id: vm.data.dataAspecId\r\n      })\r\n        .then(response => {\r\n          vm.dataAspec.id = response.data.id;\r\n          vm.dataAspec.code = response.data.code;\r\n          vm.dataAspec.name = response.data.name;\r\n          vm.dataAspec.isEnabled = response.data.isEnabled;\r\n          vm.dataAspec.description = response.data.description;\r\n          vm.aspecTipeItemSelected = response.data.tipe;\r\n          vm.aspecTipeSubItemSelected = response.data.tipeSub;\r\n        })\r\n        .then(() => {\r\n          vm.getDataAspecTipe();\r\n        })\r\n        .then(() => {\r\n          vm.getDataAspecTipeSub();\r\n          vm.isLoading = false;\r\n        })\r\n        .catch(() => {\r\n          vm.isLoading = false;\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataAspecUpdate.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataAspecUpdate.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataAspecUpdate.vue?vue&type=template&id=6d70cbec\"\nimport script from \"./DataAspecUpdate.vue?vue&type=script&lang=js\"\nexport * from \"./DataAspecUpdate.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":""}