{"version":3,"sources":["webpack:///./src/views/CategoryAdministration.vue?dfbb","webpack:///./src/views/CategoryAdministration.vue","webpack:///src/views/CategoryAdministration.vue","webpack:///./src/views/CategoryAdministration.vue?f235","webpack:///./src/views/CategoryAdministration.vue?1d46"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","slot","on","$event","selectedCategory","name","_v","_l","categories","category","key","id","selectCategory","_s","model","value","callback","$$v","$set","expression","imageUrl","changeImage","_e","image","saving","saveCategory","newSubCategory","addSubcategory","children","subCategory","index","concat","editIndex","staticRenderFns","data","deleting","imageFile","newCategory","changeCategoryText","computed","_objectSpread","mapGetters","user","mounted","$store","dispatch","methods","_this","imageSet","generateBlob","blob","file","then","push","category_id","deleteCategory","_this2","$confirm","res","deleteSubCategory","_this3","splice","clone","component"],"mappings":"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","file":"js/chunk-40614e42.2fe188f1.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CategoryAdministration.vue?vue&type=style&index=0&id=1ba051d8&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fill-height\":\"\",\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md12\":\"\"}},[_c('material-card',{staticClass:\"categoryContainer\",staticStyle:{\"height\":\"calc(100vh - 133px)\"},attrs:{\"color\":\"#58595b\",\"title\":\"Category Administration\",\"offset\":\"0\"}},[_c('div',{attrs:{\"slot\":\"header-actions\"},slot:\"header-actions\"},[_c('v-btn',{attrs:{\"small\":\"\",\"raised\":\"\",\"color\":\"info\"},on:{\"click\":function($event){_vm.selectedCategory = { name: '' }}}},[_vm._v(\"Add\")])],1),_c('v-layout',{staticStyle:{\"height\":\"100%\"},attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"pa-0\",attrs:{\"md6\":\"\"}},[_c('v-layout',{staticStyle:{\"height\":\"100%\"},attrs:{\"column\":\"\"}},[_c('div',{staticClass:\"pa-2\",staticStyle:{\"flex\":\"1\",\"overflow-y\":\"scroll\"}},_vm._l((_vm.categories),function(category){return _c('v-btn',{key:category.id,staticClass:\"categoryButton\",attrs:{\"color\":_vm.selectedCategory &&\n                    _vm.selectedCategory.name === category.name\n                      ? 'success'\n                      : 'grey lighten-2',\"block\":\"\"},on:{\"click\":function($event){return _vm.selectCategory(category)}}},[_vm._v(_vm._s(category.name))])}),1)])],1),_c('v-flex',{staticClass:\"pa-0\",attrs:{\"md6\":\"\"}},[(_vm.selectedCategory)?_c('v-layout',{staticStyle:{\"height\":\"100%\"},attrs:{\"column\":\"\"}},[_c('div',{staticClass:\"pa-2\"},[_c('v-text-field',{attrs:{\"label\":\"Category Name\",\"autofocus\":\"\",\"hide-details\":\"\"},model:{value:(_vm.selectedCategory.name),callback:function ($$v) {_vm.$set(_vm.selectedCategory, \"name\", $$v)},expression:\"selectedCategory.name\"}}),_c('h5',[_vm._v(\"Category Image\")]),(_vm.selectedCategory.imageUrl)?_c('div',[_c('v-img',{staticClass:\"autoMargin\",attrs:{\"src\":_vm.selectedCategory.imageUrl,\"width\":200,\"height\":100}}),_c('v-btn',{attrs:{\"small\":\"\",\"block\":\"\",\"color\":\"info\"},on:{\"click\":function($event){_vm.changeImage = true}}},[_vm._v(\"Change Image\")])],1):_vm._e(),(!_vm.selectedCategory.imageUrl || _vm.changeImage)?_c('croppa',{attrs:{\"prevent-white-space\":true,\"show-loading\":true,\"width\":200,\"height\":100,\"quality\":2,\"canvas-color\":\"#EEE\",\"placeholder-color\":\"#000000\",\"placeholder\":\"Choose image\"},model:{value:(_vm.image),callback:function ($$v) {_vm.image=$$v},expression:\"image\"}}):_vm._e(),_c('div',{staticClass:\"flex-row\"},[_c('v-spacer'),_c('v-btn',{attrs:{\"loading\":_vm.saving,\"color\":\"success\"},on:{\"click\":function($event){return _vm.saveCategory(_vm.selectedCategory)}}},[_vm._v(\"Save\")])],1)],1),(_vm.selectedCategory.id)?[_c('h4',{staticClass:\"ma-0 pl-2\"},[_vm._v(\"Subcategories\")]),_c('div',{staticClass:\"pa-2 flex-row\"},[_c('v-text-field',{attrs:{\"placeholder\":\"Add Subcategory\",\"solo\":\"\",\"hide-details\":\"\"},model:{value:(_vm.newSubCategory),callback:function ($$v) {_vm.newSubCategory=$$v},expression:\"newSubCategory\"}}),_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"loading\":_vm.saving,\"color\":\"success\"},on:{\"click\":function($event){return _vm.addSubcategory()}}},[_c('v-icon',[_vm._v(\"mdi-plus\")])],1)],1),_c('div',{staticClass:\"pa-2\",staticStyle:{\"flex\":\"1\",\"overflow-y\":\"scroll\"}},_vm._l((_vm.selectedCategory.children),function(subCategory,index){return _c('div',{key:`sub_${index}`,staticClass:\"flex-row\"},[(_vm.editIndex !== index)?_c('v-btn',{staticClass:\"categoryButton\",attrs:{\"block\":\"\",\"color\":\"warning\"}},[_vm._v(_vm._s(subCategory.name))]):_c('v-text-field',{attrs:{\"autofocus\":\"\",\"solo\":\"\",\"hide-details\":\"\"},model:{value:(subCategory.name),callback:function ($$v) {_vm.$set(subCategory, \"name\", $$v)},expression:\"subCategory.name\"}}),(_vm.editIndex !== index)?_c('v-btn',{attrs:{\"icon\":\"\",\"flat\":\"\",\"color\":\"info\"},on:{\"click\":function($event){_vm.editIndex = index}}},[_c('v-icon',[_vm._v(\"mdi-pencil\")])],1):_c('v-btn',{attrs:{\"icon\":\"\",\"flat\":\"\",\"color\":\"info\"},on:{\"click\":function($event){return _vm.saveCategory(_vm.selectedCategory)}}},[_c('v-icon',[_vm._v(\"mdi-check\")])],1)],1)}),0)]:_vm._e()],2):_vm._e()],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fill-height fluid>\n    <v-layout justify-center wrap>\n      <v-flex md12>\n        <material-card\n          color=\"#58595b\"\n          title=\"Category Administration\"\n          class=\"categoryContainer\"\n          offset=\"0\"\n          style=\"height:calc(100vh - 133px)\"\n        >\n          <div slot=\"header-actions\">\n            <v-btn\n              small\n              raised\n              color=\"info\"\n              @click=\"selectedCategory = { name: '' }\"\n              >Add</v-btn\n            >\n          </div>\n          <v-layout row style=\"height:100%\">\n            <v-flex md6 class=\"pa-0\">\n              <v-layout column style=\"height:100%\">\n                <div style=\"flex:1;overflow-y:scroll\" class=\"pa-2\">\n                  <v-btn\n                    v-for=\"category in categories\"\n                    :key=\"category.id\"\n                    :color=\"\n                      selectedCategory &&\n                      selectedCategory.name === category.name\n                        ? 'success'\n                        : 'grey lighten-2'\n                    \"\n                    class=\"categoryButton\"\n                    block\n                    @click=\"selectCategory(category)\"\n                    >{{ category.name }}</v-btn\n                  >\n                </div>\n              </v-layout>\n            </v-flex>\n            <v-flex md6 class=\"pa-0\">\n              <v-layout v-if=\"selectedCategory\" column style=\"height:100%\">\n                <div class=\"pa-2\">\n                  <v-text-field\n                    v-model=\"selectedCategory.name\"\n                    label=\"Category Name\"\n                    autofocus\n                    hide-details\n                  />\n                  <h5>Category Image</h5>\n                  <div v-if=\"selectedCategory.imageUrl\">\n                    <v-img\n                      :src=\"selectedCategory.imageUrl\"\n                      :width=\"200\"\n                      :height=\"100\"\n                      class=\"autoMargin\"\n                    />\n                    <v-btn small block color=\"info\" @click=\"changeImage = true\"\n                      >Change Image</v-btn\n                    >\n                  </div>\n                  <croppa\n                    v-if=\"!selectedCategory.imageUrl || changeImage\"\n                    v-model=\"image\"\n                    :prevent-white-space=\"true\"\n                    :show-loading=\"true\"\n                    :width=\"200\"\n                    :height=\"100\"\n                    :quality=\"2\"\n                    canvas-color=\"#EEE\"\n                    placeholder-color=\"#000000\"\n                    placeholder=\"Choose image\"\n                  />\n                  <div class=\"flex-row\">\n                    <v-spacer />\n                    <v-btn\n                      :loading=\"saving\"\n                      color=\"success\"\n                      @click=\"saveCategory(selectedCategory)\"\n                      >Save</v-btn\n                    >\n                    <!-- <v-btn\n                      v-if=\"selectedCategory.id\"\n                      :loading=\"deleting\"\n                      color=\"error\"\n                      @click=\"deleteCategory(selectedCategory)\"\n                    >\n                      Delete\n                    </v-btn> -->\n                  </div>\n                </div>\n                <template v-if=\"selectedCategory.id\">\n                  <h4 class=\"ma-0 pl-2\">Subcategories</h4>\n                  <div class=\"pa-2 flex-row\">\n                    <v-text-field\n                      v-model=\"newSubCategory\"\n                      placeholder=\"Add Subcategory\"\n                      solo\n                      hide-details\n                    />\n                    <v-btn\n                      fab\n                      small\n                      :loading=\"saving\"\n                      color=\"success\"\n                      @click=\"addSubcategory()\"\n                    >\n                      <v-icon>mdi-plus</v-icon>\n                    </v-btn>\n                  </div>\n                  <div style=\"flex:1;overflow-y:scroll\" class=\"pa-2\">\n                    <div\n                      v-for=\"(subCategory, index) in selectedCategory.children\"\n                      :key=\"`sub_${index}`\"\n                      class=\"flex-row\"\n                    >\n                      <v-btn\n                        v-if=\"editIndex !== index\"\n                        class=\"categoryButton\"\n                        block\n                        color=\"warning\"\n                        >{{ subCategory.name }}</v-btn\n                      >\n                      <v-text-field\n                        v-else\n                        v-model=\"subCategory.name\"\n                        autofocus\n                        solo\n                        hide-details\n                      />\n                      <v-btn\n                        v-if=\"editIndex !== index\"\n                        icon\n                        flat\n                        color=\"info\"\n                        @click=\"editIndex = index\"\n                      >\n                        <v-icon>mdi-pencil</v-icon>\n                      </v-btn>\n                      <v-btn\n                        v-else\n                        icon\n                        flat\n                        color=\"info\"\n                        @click=\"saveCategory(selectedCategory)\"\n                      >\n                        <v-icon>mdi-check</v-icon>\n                      </v-btn>\n                      <!-- <v-btn icon flat color=\"error\" @click=\"deleteSubCategory(index)\">\n                        <v-icon>mdi-delete</v-icon>\n                      </v-btn> -->\n                    </div>\n                  </div>\n                </template>\n              </v-layout>\n            </v-flex>\n          </v-layout>\n          <!--<v-container-->\n          <!--fill-height-->\n          <!--fluid>-->\n          <!--<v-treeview :items=\"categories\" activatable/>-->\n          <!--</v-container>-->\n        </material-card>\n      </v-flex>\n    </v-layout>\n  </v-container>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport { clone } from \"@/fireinit.js\";\n\nexport default {\n  data: () => ({\n    deleting: false,\n    saving: false,\n    image: null,\n    imageFile: null,\n    editIndex: null,\n    newCategory: \"\",\n    newSubCategory: \"\",\n    changeCategoryText: \"\",\n    selectedCategory: null,\n    changeImage: false,\n  }),\n  computed: {\n    ...mapGetters({\n      user: \"user\",\n      categories: \"categories/listAdmin\",\n    }),\n  },\n  mounted() {\n    this.$store.dispatch(\"categories/loadAllAdmin\");\n  },\n  methods: {\n    saveCategory(category) {\n      this.saving = true;\n      this.editIndex = null;\n      if (this.image && this.image.imageSet) {\n        this.image.generateBlob(\n          (blob) => {\n            category.image = { file: blob };\n            this.$store\n              .dispatch(\"categories/saveCategory\", category)\n              .then((category) => {\n                this.selectedCategory = category;\n                this.changeImage = false;\n                this.image = null;\n                this.saving = false;\n              });\n          },\n          \"image/jpeg\",\n          0.9\n        );\n      } else {\n        this.$store\n          .dispatch(\"categories/saveCategory\", category)\n          .then((category) => {\n            this.selectedCategory = category;\n            this.changeImage = false;\n            this.saving = false;\n          });\n      }\n    },\n    addSubcategory() {\n      if (!this.selectedCategory.children) {\n        this.selectedCategory.children = [];\n      }\n      this.selectedCategory.children.push({\n        name: this.newSubCategory,\n        category_id: this.selectedCategory.id,\n      });\n      this.saveCategory(this.selectedCategory);\n    },\n    deleteCategory(category) {\n      this.$confirm(\"Are you sure you want to remove this category?\").then(\n        (res) => {\n          if (res) {\n            this.selectedCategory = null;\n            this.deleting = false;\n            this.$store.dispatch(\"categories/deleteCategory\", category.id);\n          }\n        }\n      );\n    },\n    deleteSubCategory(index) {\n      this.$confirm(\"Are you sure you want to remove this subcategory?\").then(\n        (res) => {\n          if (res) {\n            this.$store\n              .dispatch(\n                \"categories/deleteSubCategory\",\n                this.selectedCategory.children[index].id\n              )\n              .then((category) => {\n                this.selectedCategory = category;\n                this.changeImage = false;\n                this.saving = false;\n                this.selectedCategory.children.splice(index, 1);\n              });\n          }\n        }\n      );\n    },\n    selectCategory(category) {\n      this.selectedCategory = clone(category);\n    },\n  },\n};\n</script>\n\n<style>\n.categoryButton {\n  text-transform: none;\n}\n\n.croppa-container {\n  text-align: center;\n}\n\n.categoryContainer .v-card__text {\n  height: calc(100% - 42px);\n  padding: 0px 0px;\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!./CategoryAdministration.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!./CategoryAdministration.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CategoryAdministration.vue?vue&type=template&id=1ba051d8\"\nimport script from \"./CategoryAdministration.vue?vue&type=script&lang=js\"\nexport * from \"./CategoryAdministration.vue?vue&type=script&lang=js\"\nimport style0 from \"./CategoryAdministration.vue?vue&type=style&index=0&id=1ba051d8&prod&lang=css\"\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":""}