{"version":3,"sources":["webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///./src/views/C-1__Category/C-1-2__CategoryInfo.vue?12af","webpack:///src/views/C-1__Category/C-1-2__CategoryInfo.vue","webpack:///./src/views/C-1__Category/C-1-2__CategoryInfo.vue?95db","webpack:///./src/views/C-1__Category/C-1-2__CategoryInfo.vue?df51","webpack:///./src/views/C-1__Category/C-1-2__CategoryInfo.vue?644e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","categoryName","on","editHandler","deleteHandler","_m","style","staticRenderFns","data","methods","$router","push","component","VIcon","VSpacer"],"mappings":"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","file":"js/chunk-3d35851c.d947e442.js","sourcesContent":["import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-custom\"},[_c('div',{staticClass:\"breadscrumbs\"},[_c('router-link',{staticClass:\"breadscrumbs-item\",attrs:{\"to\":\"/category\"}},[_vm._v(\"Category\")]),_c('v-icon',[_vm._v(\"chevron_right\")]),_c('router-link',{staticClass:\"breadscrumbs-item active\",attrs:{\"to\":\"/category/category-info\"}},[_vm._v(\"Category Info\")])],1),_c('div',{staticClass:\"page-actions\"},[_c('h2',[_vm._v(_vm._s(_vm.categoryName))]),_c('v-spacer'),_c('button',{staticClass:\"btn mr-5\",on:{\"click\":_vm.editHandler}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"edit\")]),_c('div',[_vm._v(\"編輯\")])],1),_c('button',{staticClass:\"btn\",on:{\"click\":_vm.deleteHandler}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"delete\")]),_c('div',[_vm._v(\"刪除\")])],1)],1),_c('div',{staticClass:\"block\"},[_c('label',{staticClass:\"form-item py-5 d-flex\"},[_c('h4',{staticClass:\"w-240px mr-10\"},[_vm._v(\"Category Name\")]),_c('div',{staticClass:\"flex-grow-1F\"},[_vm._v(\" \"+_vm._s(_vm.categoryName)+\" \")])]),_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3),_c('div',{staticClass:\"form-item py-5 d-flex\"},[_vm._m(4),_c('div',{staticClass:\"flex-grow-1\"},[_c('div',{staticClass:\"w-240px h-240px bg-cover bg-center\",style:({\n            'background-image': \"url(https://dummyimage.com/240x240.jpg)\",\n          })})])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-item py-5 d-flex\"},[_c('h4',{staticClass:\"w-240px mr-10\"},[_vm._v(\"BU\")]),_c('div',{staticClass:\"flex-grow-1\"},[_vm._v(\" consumer \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"form-item py-5 d-flex\"},[_c('h4',{staticClass:\"w-240px mr-10\"},[_vm._v(\"ID\")]),_c('div',{staticClass:\"flex-grow-1\"},[_vm._v(\" 001-001 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"form-item py-5 d-flex\"},[_c('div',{staticClass:\"w-240px mr-10\"},[_c('h4',{staticClass:\"mb-10px\"},[_vm._v(\"Order\")]),_c('div',{staticClass:\"h5 ink-02-medium--text\"},[_vm._v(\" 資料降冪排序(數字越大顯示越前面) \")])]),_c('div',{staticClass:\"flex-grow-1\"},[_vm._v(\" 32 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"form-item py-5 d-flex\"},[_c('div',{staticClass:\"w-240px mr-10\"},[_c('h4',[_vm._v(\"顯示/隱藏\")])]),_c('div',{staticClass:\"flex-grow-1\"},[_vm._v(\" 顯示 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-240px mr-10\"},[_c('h4',{staticClass:\"mb-10px\"},[_vm._v(\"圖片\")]),_c('div',{staticClass:\"h5 ink-02-medium--text\"},[_vm._v(\" 此圖將顯示於官網BU Page \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container-custom\">\n    <!-- breadcrumbs -->\n    <div class=\"breadscrumbs\">\n      <router-link to=\"/category\" class=\"breadscrumbs-item\"\n        >Category</router-link\n      >\n      <v-icon>chevron_right</v-icon>\n      <router-link to=\"/category/category-info\" class=\"breadscrumbs-item active\"\n        >Category Info</router-link\n      >\n    </div>\n    <!-- page-actions -->\n    <div class=\"page-actions\">\n      <h2>{{ categoryName }}</h2>\n      <v-spacer></v-spacer>\n      <button class=\"btn mr-5\" @click=\"editHandler\">\n        <v-icon class=\"mr-2\">edit</v-icon>\n        <div>編輯</div>\n      </button>\n      <button class=\"btn\" @click=\"deleteHandler\">\n        <v-icon class=\"mr-2\">delete</v-icon>\n        <div>刪除</div>\n      </button>\n    </div>\n    <!-- block -->\n    <div class=\"block\">\n      <!-- Category Name -->\n      <label class=\"form-item py-5 d-flex\">\n        <h4 class=\"w-240px mr-10\">Category Name</h4>\n        <div class=\"flex-grow-1F\">\n          {{ categoryName }}\n        </div>\n      </label>\n      <!-- BU -->\n      <div class=\"form-item py-5 d-flex\">\n        <h4 class=\"w-240px mr-10\">BU</h4>\n        <div class=\"flex-grow-1\">\n          consumer\n        </div>\n      </div>\n      <!-- ID -->\n      <label class=\"form-item py-5 d-flex\">\n        <h4 class=\"w-240px mr-10\">ID</h4>\n        <div class=\"flex-grow-1\">\n          001-001\n        </div>\n      </label>\n      <!-- Order -->\n      <label class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-10\">\n          <h4 class=\"mb-10px\">Order</h4>\n          <div class=\"h5 ink-02-medium--text\">\n            資料降冪排序(數字越大顯示越前面)\n          </div>\n        </div>\n        <div class=\"flex-grow-1\">\n          32\n        </div>\n      </label>\n      <!-- 顯示/隱藏 -->\n      <label class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-10\">\n          <h4>顯示/隱藏</h4>\n        </div>\n        <div class=\"flex-grow-1\">\n          顯示\n        </div>\n      </label>\n      <!-- 圖片 -->\n      <div class=\"form-item py-5 d-flex\">\n        <div class=\"w-240px mr-10\">\n          <h4 class=\"mb-10px\">圖片</h4>\n          <div class=\"h5 ink-02-medium--text\">\n            此圖將顯示於官網BU Page\n          </div>\n        </div>\n        <div class=\"flex-grow-1\">\n          <div\n            class=\"w-240px h-240px bg-cover bg-center\"\n            :style=\"{\n              'background-image': `url(https://dummyimage.com/240x240.jpg)`,\n            }\"\n          ></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data: () => ({\n    categoryName: '外接式儲存裝置',\n  }),\n  methods: {\n    editHandler() {\n      this.$router.push({ path: '/category/category-info/edit' });\n    },\n    deleteHandler() {\n      this.$router.push({ path: '/category' });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.category-autocomplete {\n  .v-autocomplete {\n    .v-input__slot {\n      border-top-left-radius: 0px;\n      border-bottom-left-radius: 0px;\n    }\n    .v-text-field__details {\n      display: none;\n    }\n  }\n\n  // border\n  fieldset {\n    border-color: #d7dee7;\n    border-radius: 8px;\n  }\n  .v-input--is-focused {\n    border-color: $brand-500;\n  }\n\n  // placeholder color\n  input::placeholder {\n    color: #848fa0 !important;\n  }\n}\n</style>\n","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!./C-1-2__CategoryInfo.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!./C-1-2__CategoryInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./C-1-2__CategoryInfo.vue?vue&type=template&id=07e909c8&\"\nimport script from \"./C-1-2__CategoryInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./C-1-2__CategoryInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./C-1-2__CategoryInfo.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VIcon,VSpacer})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./C-1-2__CategoryInfo.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}