{"version":3,"sources":["webpack:///./src/views/colors/Color.vue?9711","webpack:///src/views/colors/Color.vue","webpack:///./src/views/colors/Color.vue?63d1","webpack:///./src/views/colors/Color.vue","webpack:///./src/components/views/CreateBasicComponent.vue?ea3a","webpack:///src/components/views/CreateBasicComponent.vue","webpack:///./src/components/views/CreateBasicComponent.vue?5508","webpack:///./src/components/views/CreateBasicComponent.vue","webpack:///./src/api/resourceApi.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","component","errors","name","undefined","model","value","item","callback","$$v","$set","expression","color_code","_e","staticClass","on","goBack","_v","handleConfirm","_s","$route","params","id","resourceApi","url","_this","_classCallCheck","all","query","arguments","length","per_page","request","method","index","create","data","show","edit","delete"],"mappings":"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","file":"js/chunk-47bb1f34.e6a714eb.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CreateBasicComponent',{attrs:{\"end-point\":\"colors\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <CreateBasicComponent end-point=\"colors\"></CreateBasicComponent>\n</template>\n\n<script>\n    import CreateBasicComponent from \"@/components/views/CreateBasicComponent\";\n    export default {\n        name: 'Color',\n        components: {CreateBasicComponent},\n    }\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Color.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Color.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Color.vue?vue&type=template&id=7eaaf953&\"\nimport script from \"./Color.vue?vue&type=script&lang=js&\"\nexport * from \"./Color.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CRow',[_c('vue-confirm-dialog'),_c('CCol',[_c('CCol',{attrs:{\"col\":\"12\",\"lg\":\"6\"}},[_c('CCard',[_c('CCardBody',[_c('CInput',{attrs:{\"id\":\"Name\",\"label\":\"名前\",\"placeholder\":\"名前\",\"invalid-feedback\":_vm.errors && _vm.errors.name ? _vm.errors.name[0] : '',\"is-valid\":_vm.errors.name ? false : undefined},model:{value:(_vm.item.name),callback:function ($$v) {_vm.$set(_vm.item, \"name\", $$v)},expression:\"item.name\"}}),(_vm.isColorPage)?_c('CInput',{attrs:{\"id\":\"Code\",\"label\":\"コード\",\"placeholder\":\"コード\",\"invalid-feedback\":_vm.errors && _vm.errors.color_code ? _vm.errors.color_code[0] : '',\"is-valid\":_vm.errors.color_code ? false : undefined},model:{value:(_vm.item.color_code),callback:function ($$v) {_vm.$set(_vm.item, \"color_code\", $$v)},expression:\"item.color_code\"}}):_vm._e()],1),_c('CCardFooter',[_c('CButton',{staticClass:\"mr-3\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.goBack}},[_vm._v(\"戻る\")]),_c('CButton',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.handleConfirm}},[_vm._v(_vm._s(_vm.$route.params.id ? '更新' : '追加する'))])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <CRow>\n        <vue-confirm-dialog></vue-confirm-dialog>\n\n        <CCol>\n            <CCol col=\"12\" lg=\"6\">\n                <CCard>\n                    <CCardBody>\n                        <CInput\n                            id=\"Name\"\n                            label=\"名前\"\n                            placeholder=\"名前\"\n                            v-model=\"item.name\"\n                            :invalid-feedback=\"errors && errors.name ? errors.name[0] : ''\"\n                            :is-valid=\"errors.name ? false : undefined\"\n                        >\n                        </CInput>\n                        <CInput v-if=\"isColorPage\"\n                            id=\"Code\"\n                            label=\"コード\"\n                            placeholder=\"コード\"\n                            v-model=\"item.color_code\"\n                            :invalid-feedback=\"errors && errors.color_code ? errors.color_code[0] : ''\"\n                            :is-valid=\"errors.color_code ? false : undefined\"\n                        >\n                        </CInput>\n                    </CCardBody>\n                    <CCardFooter>\n                        <CButton class=\"mr-3\" color=\"primary\" @click=\"goBack\">戻る</CButton>\n                        <CButton color=\"primary\" @click=\"handleConfirm\" >{{$route.params.id ? '更新' : '追加する'}}</CButton>\n                    </CCardFooter>\n                </CCard>\n            </CCol>\n        </CCol>\n    </CRow>\n</template>\n\n<script>\n    import ResourceApi from \"@/api/resourceApi\";\n    import Vue from \"vue\";\n\n    export default {\n        name: 'CreateBasicComponent',\n        props: {\n            endPoint: String,\n            title: String,\n        },\n        beforeRouteEnter(to, from, next) {\n            next(vm => {\n                vm.itemOpened = from.fullPath.includes(this.endPoint)\n            })\n        },\n        data () {\n            return {\n                errors: {},\n                updateApi: Function,\n                item: {\n                    id: this.$route.params.id,\n                    name: '',\n                },\n                isUpdate: false,\n                isColorPage: this.endPoint === 'colors'\n            }\n        },\n        created() {\n            this.itemData();\n        },\n        methods: {\n            goBack() {\n                this.itemOpened ? this.$router.go(-1) : this.$router.push({path: '/'+ this.endPoint})\n            },\n            handleConfirm(){\n              const id = this.$route.params.id\n                this.$confirm(\n                    {\n                        title: '確認',\n                        message: id ? `更新しますか？` : '追加しますか？',\n                        button: {\n                            no: 'いいえ',\n                            yes: 'はい'\n                        },\n                        callback: confirm => {\n                            if (confirm) {\n                                // ... do something\n                                this.handleUpdateOrCreateItem()\n                            }\n                        }\n                    }\n                )\n            },\n            handleUpdateOrCreateItem() {\n                const api = new ResourceApi(this.endPoint)\n                this.loading = true\n                let param = this.item;\n                this.confirmModal = true;\n                const id = this.$route.params.id\n                this.updateApi = api.create;\n                if(id){\n                    this.updateApi = api.edit;\n                }\n                this.updateApi(param).then(response => {\n                  if(id){\n                    Vue.$toast.success('更新は成功しました。')\n                  }else {\n                    Vue.$toast.success('登録に成功しました。')\n                  }\n                    setTimeout(this.goBack(), 2000);\n                }).catch(error => {\n                    this.errors =  error.response?.data?.errors;\n                }).finally(() =>{\n                    this.loading = false\n                })\n            },\n            itemData () {\n                const api = new ResourceApi(this.endPoint)\n                const id = this.$route.params.id\n                if(!id){\n                    return\n                }\n                this.isUpdate = true\n                api.show({id: id}).then(response => {\n                    // console.log(response.data)\n                    this.item = response.data;\n                    this.item.id = this.$route.params.id\n                    this.loading = false\n                }).catch(error => {\n                    this.loading = false\n                })\n            },\n        }\n    }\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./CreateBasicComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./CreateBasicComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateBasicComponent.vue?vue&type=template&id=1848bb66&\"\nimport script from \"./CreateBasicComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateBasicComponent.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import request from './request'\n\nexport default class resourceApi {\n  constructor(url) {\n    this.url = url\n  }\n\n  all = (query = {}) => {\n    query.per_page = 1000\n    return request({\n      url: this.url,\n      method: 'get',\n      params: query\n    })\n  }\n\n  index = (query) => {\n    return request({\n      url: this.url,\n      method: 'get',\n      params: query\n    })\n  }\n\n  create = (query) => {\n    return request({\n      url: this.url,\n      method: 'post',\n      data: query\n    })\n  }\n\n  show = (query) => {\n    return request({\n      url: this.url + '/' + query.id,\n      method: 'get',\n      data: query\n    })\n  }\n\n  edit = (query) => {\n    if (query.id) {\n      // update\n      return request({\n        url: this.url + '/' + query.id,\n        method: 'patch',\n        data: query\n      })\n    } else {\n      // create\n      return request({\n        url: this.url,\n        method: 'post',\n        data: query\n      })\n    }\n  }\n\n  delete = (query) => {\n    return request({\n      url: this.url + '/' + query.id,\n      method: 'delete',\n      data: query\n    })\n  }\n}\n"],"sourceRoot":""}