{"version":3,"sources":["webpack:///./src/views/ui-elements/data-list/DataViewSidebar.vue?8582","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue","webpack:///./src/views/ui-elements/data-list/DataViewSidebar.vue","webpack:///src/views/ui-elements/data-list/DataViewSidebar.vue","webpack:///./src/views/ui-elements/data-list/DataViewSidebar.vue?657a","webpack:///./src/views/ui-elements/data-list/DataViewSidebar.vue?7157","webpack:///./src/store/data-list/moduleDataListState.js","webpack:///./src/store/data-list/moduleDataListMutations.js","webpack:///./src/store/data-list/moduleDataListActions.js","webpack:///./src/store/data-list/moduleDataListGetters.js","webpack:///./src/store/data-list/moduleDataList.js","webpack:///src/views/ui-elements/data-list/list-view/DataListListView.vue","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?7b6e","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?f58b","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?a3be"],"names":["render","_vm","this","_c","_self","staticClass","attrs","addNewDataSidebar","sidebarData","on","toggleDataSidebar","ref","itemsPerPage","products","scopedSlots","_u","key","fn","_ref","data","_l","tr","indextr","_v","_s","name","_f","category","Number","popularity","getPopularityColor","getOrderStatusColor","order_status","price","$event","stopPropagation","editData","deleteData","id","model","value","selected","callback","$$v","expression","slot","addNewData","currentPage","length","queriedItems","staticRenderFns","isSidebarActiveLocal","Object","entries","scrollbarTag","$vs","rtl","tag","settings","dataImg","updateCurrImg","$refs","updateImgInput","click","_e","directives","rawName","dataName","errors","has","first","dataCategory","category_choices","item","text","dataOrder_status","order_status_choices","required","regex","dataPrice","uploadImgInput","isFormValid","submitData","props","isSidebarActive","type","Boolean","default","components","VuePerfectScrollbar","dataId","maxScrollbarLength","wheelSpeed","watch","val","initValues","$validator","reset","_JSON$parse","JSON","parse","stringify","img","computed","get","set","$emit","any","$store","getters","methods","_this","validateAll","then","result","obj","dispatch","catch","err","console","error","input","_this2","target","files","reader","FileReader","onload","e","readAsDataURL","component","ADD_ITEM","state","unshift","SET_PRODUCTS","UPDATE_PRODUCT","product","productIndex","findIndex","p","assign","REMOVE_ITEM","itemId","ItemIndex","splice","addItem","commit","Promise","resolve","reject","axios","post","response","fetchDataListItems","_ref2","updateItem","_ref3","concat","removeItem","_ref4","delete","isRegistered","namespaced","mutations","actions","DataViewSidebar","isMounted","table","currentx","dataList","queriedResults","status","num","arguments","undefined","created","moduleDataList","registerModule","mounted"],"mappings":"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","file":"js/chunk-3447a11d.1cdcb932.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./DataViewSidebar.vue?vue&type=style&index=0&id=27d219c2&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-list-view\"}},[_c('data-view-sidebar',{attrs:{\"isSidebarActive\":_vm.addNewDataSidebar,\"data\":_vm.sidebarData},on:{\"closeSidebar\":_vm.toggleDataSidebar}}),_c('vs-table',{ref:\"table\",attrs:{\"multiple\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.products},scopedSlots:_vm._u([{key:\"default\",fn:function({data}){return [_c('tbody',_vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',[_c('p',{staticClass:\"product-name font-medium truncate\"},[_vm._v(_vm._s(tr.name))])]),_c('vs-td',[_c('p',{staticClass:\"product-category\"},[_vm._v(_vm._s(_vm._f(\"title\")(tr.category)))])]),_c('vs-td',[_c('vs-progress',{staticClass:\"shadow-md\",attrs:{\"percent\":Number(tr.popularity),\"color\":_vm.getPopularityColor(Number(tr.popularity))}})],1),_c('vs-td',[_c('vs-chip',{staticClass:\"product-order-status\",attrs:{\"color\":_vm.getOrderStatusColor(tr.order_status)}},[_vm._v(_vm._s(_vm._f(\"title\")(tr.order_status)))])],1),_c('vs-td',[_c('p',{staticClass:\"product-price\"},[_vm._v(\"$\"+_vm._s(tr.price))])]),_c('vs-td',{staticClass:\"whitespace-no-wrap\"},[_c('feather-icon',{attrs:{\"icon\":\"EditIcon\",\"svgClasses\":\"w-5 h-5 hover:text-primary stroke-current\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.editData(tr)}}}),_c('feather-icon',{staticClass:\"ml-2\",attrs:{\"icon\":\"TrashIcon\",\"svgClasses\":\"w-5 h-5 hover:text-danger stroke-current\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deleteData(tr.id)}}})],1)],1)}),1)]}}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow justify-between\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center data-list-btn-container\"},[_c('vs-dropdown',{staticClass:\"dd-actions cursor-pointer mr-4 mb-4\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 shadow-drop rounded-lg d-theme-dark-bg cursor-pointer flex items-center justify-center text-lg font-medium w-32 w-full\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(\"Actions\")]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"TrashIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Delete\")])],1)]),_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"ArchiveIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Archive\")])],1)]),_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"FileIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Print\")])],1)]),_c('vs-dropdown-item',[_c('span',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"icon\":\"SaveIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',[_vm._v(\"Another Action\")])],1)])],1)],1),_c('div',{staticClass:\"btn-add-new p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-center text-lg font-medium text-base text-primary border border-solid border-primary\",on:{\"click\":_vm.addNewData}},[_c('feather-icon',{attrs:{\"icon\":\"PlusIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('span',{staticClass:\"ml-2 text-base text-primary\"},[_vm._v(\"Add New\")])],1)],1),_c('vs-dropdown',{staticClass:\"cursor-pointer mb-4 mr-4 items-per-page-handler\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.itemsPerPage - (_vm.itemsPerPage - 1))+\" - \"+_vm._s(_vm.products.length - _vm.currentPage * _vm.itemsPerPage > 0 ? _vm.currentPage * _vm.itemsPerPage : _vm.products.length)+\" of \"+_vm._s(_vm.queriedItems))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=4}}},[_c('span',[_vm._v(\"4\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=10}}},[_c('span',[_vm._v(\"10\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=15}}},[_c('span',[_vm._v(\"15\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.itemsPerPage=20}}},[_c('span',[_vm._v(\"20\")])])],1)],1)],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"name\"}},[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sort-key\":\"category\"}},[_vm._v(\"Category\")]),_c('vs-th',{attrs:{\"sort-key\":\"popularity\"}},[_vm._v(\"Popularity\")]),_c('vs-th',{attrs:{\"sort-key\":\"order_status\"}},[_vm._v(\"Order Status\")]),_c('vs-th',{attrs:{\"sort-key\":\"price\"}},[_vm._v(\"Price\")]),_c('vs-th',[_vm._v(\"Action\")])],1)],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-sidebar',{staticClass:\"add-new-data-sidebar items-no-padding\",attrs:{\"click-not-close\":\"\",\"position-right\":\"\",\"parent\":\"body\",\"default-index\":\"1\",\"color\":\"primary\",\"spacer\":\"\"},model:{value:(_vm.isSidebarActiveLocal),callback:function ($$v) {_vm.isSidebarActiveLocal=$$v},expression:\"isSidebarActiveLocal\"}},[_c('div',{staticClass:\"mt-6 flex items-center justify-between px-6\"},[_c('h4',[_vm._v(_vm._s(Object.entries(this.data).length === 0 ? \"ADD NEW\" : \"UPDATE\")+\" ITEM\")]),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"XIcon\"},on:{\"click\":function($event){$event.stopPropagation();_vm.isSidebarActiveLocal = false}}})],1),_c('vs-divider',{staticClass:\"mb-0\"}),_c(_vm.scrollbarTag,{key:_vm.$vs.rtl,tag:\"component\",staticClass:\"scroll-area--data-list-add-new\",attrs:{\"settings\":_vm.settings}},[_c('div',{staticClass:\"p-6\"},[(_vm.dataImg)?[_c('div',{staticClass:\"img-container w-64 mx-auto flex items-center justify-center\"},[_c('img',{staticClass:\"responsive\",attrs:{\"src\":_vm.dataImg,\"alt\":\"img\"}})]),_c('div',{staticClass:\"modify-img flex justify-between mt-5\"},[_c('input',{ref:\"updateImgInput\",staticClass:\"hidden\",attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.updateCurrImg}}),_c('vs-button',{staticClass:\"mr-4\",attrs:{\"type\":\"flat\"},on:{\"click\":function($event){return _vm.$refs.updateImgInput.click()}}},[_vm._v(\"Update Image\")]),_c('vs-button',{attrs:{\"type\":\"flat\",\"color\":\"#999\"},on:{\"click\":function($event){_vm.dataImg = null}}},[_vm._v(\"Remove Image\")])],1)]:_vm._e(),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Name\",\"name\":\"item-name\"},model:{value:(_vm.dataName),callback:function ($$v) {_vm.dataName=$$v},expression:\"dataName\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('item-name')),expression:\"errors.has('item-name')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('item-name')))]),_c('vs-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Category\",\"name\":\"item-category\"},model:{value:(_vm.dataCategory),callback:function ($$v) {_vm.dataCategory=$$v},expression:\"dataCategory\"}},_vm._l((_vm.category_choices),function(item){return _c('vs-select-item',{key:item.value,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('item-category')),expression:\"errors.has('item-category')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('item-category')))]),_c('vs-select',{staticClass:\"mt-5 w-full\",attrs:{\"label\":\"Order Status\"},model:{value:(_vm.dataOrder_status),callback:function ($$v) {_vm.dataOrder_status=$$v},expression:\"dataOrder_status\"}},_vm._l((_vm.order_status_choices),function(item){return _c('vs-select-item',{key:item.value,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:({ required: true, regex: /\\d+(\\.\\d+)?$/ }),expression:\"{ required: true, regex: /\\\\d+(\\\\.\\\\d+)?$/ }\"}],staticClass:\"mt-5 w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-dollar-sign\",\"label\":\"Price\",\"name\":\"item-price\"},model:{value:(_vm.dataPrice),callback:function ($$v) {_vm.dataPrice=$$v},expression:\"dataPrice\"}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('item-price')),expression:\"errors.has('item-price')\"}],staticClass:\"text-danger text-sm\"},[_vm._v(_vm._s(_vm.errors.first('item-price')))]),(!_vm.dataImg)?_c('div',{staticClass:\"upload-img mt-5\"},[_c('input',{ref:\"uploadImgInput\",staticClass:\"hidden\",attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.updateCurrImg}}),_c('vs-button',{on:{\"click\":function($event){return _vm.$refs.uploadImgInput.click()}}},[_vm._v(\"Upload Image\")])],1):_vm._e()],2)]),_c('div',{staticClass:\"flex flex-wrap items-center p-6\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('vs-button',{staticClass:\"mr-6\",attrs:{\"disabled\":!_vm.isFormValid},on:{\"click\":_vm.submitData}},[_vm._v(\"Submit\")]),_c('vs-button',{attrs:{\"type\":\"border\",\"color\":\"danger\"},on:{\"click\":function($event){_vm.isSidebarActiveLocal = false}}},[_vm._v(\"Cancel\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: AddNewDataSidebar.vue\n  Description: Add New Data - Sidebar component\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n  <vs-sidebar click-not-close position-right parent=\"body\" default-index=\"1\" color=\"primary\" class=\"add-new-data-sidebar items-no-padding\" spacer v-model=\"isSidebarActiveLocal\">\n    <div class=\"mt-6 flex items-center justify-between px-6\">\n        <h4>{{ Object.entries(this.data).length === 0 ? \"ADD NEW\" : \"UPDATE\" }} ITEM</h4>\n        <feather-icon icon=\"XIcon\" @click.stop=\"isSidebarActiveLocal = false\" class=\"cursor-pointer\"></feather-icon>\n    </div>\n    <vs-divider class=\"mb-0\"></vs-divider>\n\n    <component :is=\"scrollbarTag\" class=\"scroll-area--data-list-add-new\" :settings=\"settings\" :key=\"$vs.rtl\">\n\n      <div class=\"p-6\">\n\n        <!-- Product Image -->\n        <template v-if=\"dataImg\">\n\n          <!-- Image Container -->\n          <div class=\"img-container w-64 mx-auto flex items-center justify-center\">\n            <img :src=\"dataImg\" alt=\"img\" class=\"responsive\">\n          </div>\n\n          <!-- Image upload Buttons -->\n          <div class=\"modify-img flex justify-between mt-5\">\n            <input type=\"file\" class=\"hidden\" ref=\"updateImgInput\" @change=\"updateCurrImg\" accept=\"image/*\">\n            <vs-button class=\"mr-4\" type=\"flat\" @click=\"$refs.updateImgInput.click()\">Update Image</vs-button>\n            <vs-button type=\"flat\" color=\"#999\" @click=\"dataImg = null\">Remove Image</vs-button>\n          </div>\n        </template>\n\n        <!-- NAME -->\n        <vs-input label=\"Name\" v-model=\"dataName\" class=\"mt-5 w-full\" name=\"item-name\" v-validate=\"'required'\" />\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('item-name')\">{{ errors.first('item-name') }}</span>\n\n        <!-- CATEGORY -->\n        <vs-select v-model=\"dataCategory\" label=\"Category\" class=\"mt-5 w-full\" name=\"item-category\" v-validate=\"'required'\">\n          <vs-select-item :key=\"item.value\" :value=\"item.value\" :text=\"item.text\" v-for=\"item in category_choices\" />\n        </vs-select>\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('item-category')\">{{ errors.first('item-category') }}</span>\n\n        <!-- ORDER STATUS -->\n        <vs-select v-model=\"dataOrder_status\" label=\"Order Status\" class=\"mt-5 w-full\">\n          <vs-select-item :key=\"item.value\" :value=\"item.value\" :text=\"item.text\" v-for=\"item in order_status_choices\" />\n        </vs-select>\n\n        <!-- PRICE -->\n        <vs-input\n          icon-pack=\"feather\"\n          icon=\"icon-dollar-sign\"\n          label=\"Price\"\n          v-model=\"dataPrice\"\n          class=\"mt-5 w-full\"\n          v-validate=\"{ required: true, regex: /\\d+(\\.\\d+)?$/ }\"\n          name=\"item-price\" />\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('item-price')\">{{ errors.first('item-price') }}</span>\n\n        <!-- Upload -->\n        <!-- <vs-upload text=\"Upload Image\" class=\"img-upload\" ref=\"fileUpload\" /> -->\n\n        <div class=\"upload-img mt-5\" v-if=\"!dataImg\">\n          <input type=\"file\" class=\"hidden\" ref=\"uploadImgInput\" @change=\"updateCurrImg\" accept=\"image/*\">\n          <vs-button @click=\"$refs.uploadImgInput.click()\">Upload Image</vs-button>\n        </div>\n      </div>\n    </component>\n\n    <div class=\"flex flex-wrap items-center p-6\" slot=\"footer\">\n      <vs-button class=\"mr-6\" @click=\"submitData\" :disabled=\"!isFormValid\">Submit</vs-button>\n      <vs-button type=\"border\" color=\"danger\" @click=\"isSidebarActiveLocal = false\">Cancel</vs-button>\n    </div>\n  </vs-sidebar>\n</template>\n\n<script>\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\n\nexport default {\n  props: {\n    isSidebarActive: {\n      type: Boolean,\n      required: true\n    },\n    data: {\n      type: Object,\n      default: () => {},\n    }\n  },\n  components: {\n    VuePerfectScrollbar,\n  },\n  data() {\n    return {\n\n      dataId: null,\n      dataName: \"\",\n      dataCategory: null,\n      dataImg: null,\n      dataOrder_status: \"pending\",\n      dataPrice: 0,\n\n      category_choices: [\n        {text:'Audio',value:'audio'},\n        {text:'Computers',value:'computers'},\n        {text:'Fitness',value:'fitness'},\n        {text:'Appliance',value:'appliance'}\n      ],\n\n      order_status_choices: [\n        {text:'Pending',value:'pending'},\n        {text:'Canceled',value:'canceled'},\n        {text:'Delivered',value:'delivered'},\n        {text:'On Hold',value:'on_hold'}\n      ],\n      settings: { // perfectscrollbar settings\n          maxScrollbarLength: 60,\n          wheelSpeed: .60,\n      },\n    }\n  },\n  watch: {\n    isSidebarActive(val) {\n      if(!val) return\n      if(Object.entries(this.data).length === 0) {\n        this.initValues()\n        this.$validator.reset()\n      }else {\n        let { category, id, img, name, order_status, price } = JSON.parse(JSON.stringify(this.data))\n        this.dataId = id\n        this.dataCategory = category\n        this.dataImg = img\n        this.dataName = name\n        this.dataOrder_status = order_status\n        this.dataPrice = price\n        this.initValues()\n      }\n      // Object.entries(this.data).length === 0 ? this.initValues() : { this.dataId, this.dataName, this.dataCategory, this.dataOrder_status, this.dataPrice } = JSON.parse(JSON.stringify(this.data))\n    }\n  },\n  computed: {\n    isSidebarActiveLocal: {\n      get() {\n        return this.isSidebarActive\n      },\n      set(val) {\n        if(!val) {\n          this.$emit('closeSidebar')\n          // this.$validator.reset()\n          // this.initValues()\n        }\n      }\n    },\n    isFormValid() {\n      return !this.errors.any() && this.dataName && this.dataCategory && (this.dataPrice > 0)\n    },\n    scrollbarTag() { return this.$store.getters.scrollbarTag }\n  },\n  methods: {\n    initValues() {\n      if(this.data.id) return\n        this.dataId = null\n        this.dataName = \"\"\n        this.dataCategory = null\n        this.dataOrder_status = \"pending\"\n        this.dataPrice = 0\n        this.dataImg = null\n    },\n    submitData() {\n      this.$validator.validateAll().then(result => {\n          if (result) {\n            const obj = {\n              id: this.dataId,\n              name: this.dataName,\n              img: this.dataImg,\n              category: this.dataCategory,\n              order_status: this.dataOrder_status,\n              price: this.dataPrice\n            }\n\n            if(this.dataId !== null && this.dataId >= 0) {\n              this.$store.dispatch(\"dataList/updateItem\", obj).catch(err => { console.error(err) })\n            }else{\n              delete obj.id\n              obj.popularity = 0\n              this.$store.dispatch(\"dataList/addItem\", obj).catch(err => { console.error(err) })\n            }\n\n            this.$emit('closeSidebar')\n            this.initValues()\n          }\n      })\n    },\n    updateCurrImg(input) {\n      if (input.target.files && input.target.files[0]) {\n        var reader = new FileReader()\n        reader.onload = e => {\n          this.dataImg = e.target.result\n        }\n        reader.readAsDataURL(input.target.files[0])\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.add-new-data-sidebar {\n  ::v-deep .vs-sidebar--background {\n    z-index: 52010;\n  }\n\n  ::v-deep .vs-sidebar {\n    z-index: 52010;\n    width: 400px;\n    max-width: 90vw;\n\n    .img-upload {\n      margin-top: 2rem;\n\n      .con-img-upload {\n        padding: 0;\n      }\n\n      .con-input-upload {\n        width: 100%;\n        margin: 0;\n      }\n    }\n  }\n}\n\n.scroll-area--data-list-add-new {\n    // height: calc(var(--vh, 1vh) * 100 - 4.3rem);\n    height: calc(var(--vh, 1vh) * 100 - 16px - 45px - 82px);\n\n    &:not(.ps) {\n      overflow-y: auto;\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!./DataViewSidebar.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!./DataViewSidebar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataViewSidebar.vue?vue&type=template&id=27d219c2&scoped=true\"\nimport script from \"./DataViewSidebar.vue?vue&type=script&lang=js\"\nexport * from \"./DataViewSidebar.vue?vue&type=script&lang=js\"\nimport style0 from \"./DataViewSidebar.vue?vue&type=style&index=0&id=27d219c2&prod&lang=scss&scoped=true\"\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  \"27d219c2\",\n  null\n  \n)\n\nexport default component.exports","/*=========================================================================================\n  File Name: moduleCalendarState.js\n  Description: Calendar Module State\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\nexport default {\n  products: [],\n}\n","/*=========================================================================================\n  File Name: moduleCalendarMutations.js\n  Description: Calendar Module Mutations\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {\n  ADD_ITEM(state, item) {\n    state.products.unshift(item)\n  },\n  SET_PRODUCTS(state, products) {\n    state.products = products\n  },\n  // SET_LABELS(state, labels) {\n  //   state.eventLabels = labels\n  // },\n  UPDATE_PRODUCT(state, product) {\n      const productIndex = state.products.findIndex((p) => p.id == product.id)\n      Object.assign(state.products[productIndex], product)\n  },\n  REMOVE_ITEM(state, itemId) {\n      const ItemIndex = state.products.findIndex((p) => p.id == itemId)\n      state.products.splice(ItemIndex, 1)\n  },\n}\n","/*=========================================================================================\n  File Name: moduleCalendarActions.js\n  Description: Calendar Module Actions\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\nimport axios from \"@/axios.js\"\n\nexport default {\n  addItem({ commit }, item) {\n    return new Promise((resolve, reject) => {\n      axios.post(\"/api/data-list/products/\", {item: item})\n        .then((response) => {\n          commit('ADD_ITEM', Object.assign(item, {id: response.data.id}))\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  fetchDataListItems({ commit }) {\n    return new Promise((resolve, reject) => {\n      axios.get(\"/api/data-list/products\")\n        .then((response) => {\n          commit('SET_PRODUCTS', response.data)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  // fetchEventLabels({ commit }) {\n  //   return new Promise((resolve, reject) => {\n  //     axios.get(\"/api/apps/calendar/labels\")\n  //       .then((response) => {\n  //         commit('SET_LABELS', response.data)\n  //         resolve(response)\n  //       })\n  //       .catch((error) => { reject(error) })\n  //   })\n  // },\n  updateItem({ commit }, item) {\n    return new Promise((resolve, reject) => {\n      axios.post(`/api/data-list/products/${item.id}`, {item: item})\n        .then((response) => {\n          commit('UPDATE_PRODUCT', response.data)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  removeItem({ commit }, itemId) {\n    return new Promise((resolve, reject) => {\n      axios.delete(`/api/data-list/products/${itemId}`)\n        .then((response) => {\n          commit('REMOVE_ITEM', itemId)\n          resolve(response)\n        })\n        .catch((error) => { reject(error) })\n    })\n  },\n  // eventDragged({ commit }, payload) {\n  //   return new Promise((resolve, reject) => {\n  //     axios.post(`/api/apps/calendar/event/dragged/${payload.event.id}`, {payload: payload})\n  //       .then((response) => {\n\n  //         // Convert Date String to Date Object\n  //         let event = response.data\n  //         event.startDate = new Date(event.startDate)\n  //         event.endDate = new Date(event.endDate)\n\n  //         commit('UPDATE_EVENT', event)\n  //         resolve(response)\n  //       })\n  //       .catch((error) => { reject(error) })\n  //   })\n  // },\n}\n","/*=========================================================================================\n  File Name: moduleCalendarGetters.js\n  Description: Calendar Module Getters\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nexport default {\n  // getItem: state => (productId) => state.products.find((product) => product.id == productId),\n}\n","/*=========================================================================================\n  File Name: moduleDataList.js\n  Description: Calendar Module\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n==========================================================================================*/\n\n\nimport state from './moduleDataListState.js'\nimport mutations from './moduleDataListMutations.js'\nimport actions from './moduleDataListActions.js'\nimport getters from './moduleDataListGetters.js'\n\nexport default {\n  isRegistered: false,\n  namespaced: true,\n  state: state,\n  mutations: mutations,\n  actions: actions,\n  getters: getters\n}\n\n","<!-- =========================================================================================\n  File Name: DataListListView.vue\n  Description: Data List - List View\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div id=\"data-list-list-view\" class=\"data-list-container\">\n\n    <data-view-sidebar :isSidebarActive=\"addNewDataSidebar\" @closeSidebar=\"toggleDataSidebar\" :data=\"sidebarData\" />\n\n    <vs-table ref=\"table\" multiple v-model=\"selected\" pagination :max-items=\"itemsPerPage\" search :data=\"products\">\n\n      <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow justify-between\">\n\n        <div class=\"flex flex-wrap-reverse items-center data-list-btn-container\">\n\n          <!-- ACTION - DROPDOWN -->\n          <vs-dropdown vs-trigger-click class=\"dd-actions cursor-pointer mr-4 mb-4\">\n\n            <div class=\"p-4 shadow-drop rounded-lg d-theme-dark-bg cursor-pointer flex items-center justify-center text-lg font-medium w-32 w-full\">\n              <span class=\"mr-2\">Actions</span>\n              <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\n            </div>\n\n            <vs-dropdown-menu>\n\n              <vs-dropdown-item>\n                <span class=\"flex items-center\">\n                  <feather-icon icon=\"TrashIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\n                  <span>Delete</span>\n                </span>\n              </vs-dropdown-item>\n\n              <vs-dropdown-item>\n                <span class=\"flex items-center\">\n                  <feather-icon icon=\"ArchiveIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\n                  <span>Archive</span>\n                </span>\n              </vs-dropdown-item>\n\n              <vs-dropdown-item>\n                <span class=\"flex items-center\">\n                  <feather-icon icon=\"FileIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\n                  <span>Print</span>\n                </span>\n              </vs-dropdown-item>\n\n              <vs-dropdown-item>\n                <span class=\"flex items-center\">\n                  <feather-icon icon=\"SaveIcon\" svgClasses=\"h-4 w-4\" class=\"mr-2\" />\n                  <span>Another Action</span>\n                </span>\n              </vs-dropdown-item>\n\n            </vs-dropdown-menu>\n          </vs-dropdown>\n\n          <!-- ADD NEW -->\n          <div class=\"btn-add-new p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-center text-lg font-medium text-base text-primary border border-solid border-primary\" @click=\"addNewData\">\n              <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\" />\n              <span class=\"ml-2 text-base text-primary\">Add New</span>\n          </div>\n        </div>\n\n        <!-- ITEMS PER PAGE -->\n        <vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4 items-per-page-handler\">\n          <div class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\n            <span class=\"mr-2\">{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} - {{ products.length - currentPage * itemsPerPage > 0 ? currentPage * itemsPerPage : products.length }} of {{ queriedItems }}</span>\n            <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\n          </div>\n          <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\n          <vs-dropdown-menu>\n\n            <vs-dropdown-item @click=\"itemsPerPage=4\">\n              <span>4</span>\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"itemsPerPage=10\">\n              <span>10</span>\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"itemsPerPage=15\">\n              <span>15</span>\n            </vs-dropdown-item>\n            <vs-dropdown-item @click=\"itemsPerPage=20\">\n              <span>20</span>\n            </vs-dropdown-item>\n          </vs-dropdown-menu>\n        </vs-dropdown>\n      </div>\n\n      <template slot=\"thead\">\n        <vs-th sort-key=\"name\">Name</vs-th>\n        <vs-th sort-key=\"category\">Category</vs-th>\n        <vs-th sort-key=\"popularity\">Popularity</vs-th>\n        <vs-th sort-key=\"order_status\">Order Status</vs-th>\n        <vs-th sort-key=\"price\">Price</vs-th>\n        <vs-th>Action</vs-th>\n      </template>\n\n        <template slot-scope=\"{data}\">\n          <tbody>\n            <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n\n              <vs-td>\n                <p class=\"product-name font-medium truncate\">{{ tr.name }}</p>\n              </vs-td>\n\n              <vs-td>\n                <p class=\"product-category\">{{ tr.category | title }}</p>\n              </vs-td>\n\n              <vs-td>\n                <vs-progress :percent=\"Number(tr.popularity)\" :color=\"getPopularityColor(Number(tr.popularity))\" class=\"shadow-md\" />\n              </vs-td>\n\n              <vs-td>\n                <vs-chip :color=\"getOrderStatusColor(tr.order_status)\" class=\"product-order-status\">{{ tr.order_status | title }}</vs-chip>\n              </vs-td>\n\n              <vs-td>\n                <p class=\"product-price\">${{ tr.price }}</p>\n              </vs-td>\n\n              <vs-td class=\"whitespace-no-wrap\">\n                <feather-icon icon=\"EditIcon\" svgClasses=\"w-5 h-5 hover:text-primary stroke-current\" @click.stop=\"editData(tr)\" />\n                <feather-icon icon=\"TrashIcon\" svgClasses=\"w-5 h-5 hover:text-danger stroke-current\" class=\"ml-2\" @click.stop=\"deleteData(tr.id)\" />\n              </vs-td>\n\n            </vs-tr>\n          </tbody>\n        </template>\n    </vs-table>\n  </div>\n</template>\n\n<script>\nimport DataViewSidebar from '../DataViewSidebar.vue'\nimport moduleDataList from \"@/store/data-list/moduleDataList.js\"\n\nexport default {\n  components: {\n    DataViewSidebar\n  },\n  data() {\n    return {\n      selected: [],\n      // products: [],\n      itemsPerPage: 4,\n      isMounted: false,\n\n      // Data Sidebar\n      addNewDataSidebar: false,\n      sidebarData: {},\n    }\n  },\n  computed: {\n    currentPage() {\n      if(this.isMounted) {\n        return this.$refs.table.currentx\n      }\n      return 0\n    },\n    products() {\n      return this.$store.state.dataList.products\n    },\n    queriedItems() {\n      return this.$refs.table ? this.$refs.table.queriedResults.length : this.products.length\n    }\n  },\n  methods: {\n    addNewData() {\n      this.sidebarData = {}\n      this.toggleDataSidebar(true)\n    },\n    deleteData(id) {\n      this.$store.dispatch(\"dataList/removeItem\", id).catch(err => { console.error(err) })\n    },\n    editData(data) {\n      // this.sidebarData = JSON.parse(JSON.stringify(this.blankData))\n      this.sidebarData = data\n      this.toggleDataSidebar(true)\n    },\n    getOrderStatusColor(status) {\n      if(status == 'on_hold') return \"warning\"\n      if(status == 'delivered') return \"success\"\n      if(status == 'canceled') return \"danger\"\n      return \"primary\"\n    },\n    getPopularityColor(num) {\n      if(num > 90) return \"success\"\n      if(num >70) return \"primary\"\n      if(num >= 50) return \"warning\"\n      if(num < 50) return \"danger\"\n      return \"primary\"\n    },\n    toggleDataSidebar(val=false) {\n      this.addNewDataSidebar = val\n    }\n  },\n  created() {\n    if(!moduleDataList.isRegistered) {\n      this.$store.registerModule('dataList', moduleDataList)\n      moduleDataList.isRegistered = true\n    }\n    this.$store.dispatch(\"dataList/fetchDataListItems\")\n  },\n  mounted() {\n    this.isMounted = true;\n  }\n}\n</script>\n\n<style lang=\"scss\">\n#data-list-list-view {\n  .vs-con-table {\n\n    /*\n      Below media-queries is fix for responsiveness of action buttons\n      Note: If you change action buttons or layout of this page, Please remove below style\n    */\n    @media (max-width: 689px) {\n      .vs-table--search {\n        margin-left: 0;\n        max-width: unset;\n        width: 100%;\n\n        .vs-table--search-input {\n          width: 100%;\n        }\n      }\n    }\n\n    @media (max-width: 461px) {\n      .items-per-page-handler {\n        display: none;\n      }\n    }\n\n    @media (max-width: 341px) {\n      .data-list-btn-container {\n        width: 100%;\n\n        .dd-actions,\n        .btn-add-new {\n          width: 100%;\n          margin-right: 0 !important;\n        }\n      }\n    }\n\n    .product-name {\n      max-width: 23rem;\n    }\n\n    .vs-table--header {\n      display: flex;\n      flex-wrap: wrap;\n      margin-left: 1.5rem;\n      margin-right: 1.5rem;\n      > span {\n        display: flex;\n        flex-grow: 1;\n      }\n\n      .vs-table--search{\n        padding-top: 0;\n\n        .vs-table--search-input {\n          padding: 0.9rem 2.5rem;\n          font-size: 1rem;\n\n          &+i {\n            left: 1rem;\n          }\n\n          &:focus+i {\n            left: 1rem;\n          }\n        }\n      }\n    }\n\n    .vs-table {\n      border-collapse: separate;\n      border-spacing: 0 1.3rem;\n      padding: 0 1rem;\n\n      tr{\n          box-shadow: 0 4px 20px 0 rgba(0,0,0,.05);\n          td{\n            padding: 20px;\n            &:first-child{\n              border-top-left-radius: .5rem;\n              border-bottom-left-radius: .5rem;\n            }\n            &:last-child{\n              border-top-right-radius: .5rem;\n              border-bottom-right-radius: .5rem;\n            }\n          }\n          td.td-check{\n            padding: 20px !important;\n          }\n      }\n    }\n\n    .vs-table--thead{\n      th {\n        padding-top: 0;\n        padding-bottom: 0;\n\n        .vs-table-text{\n          text-transform: uppercase;\n          font-weight: 600;\n        }\n      }\n      th.td-check{\n        padding: 0 15px !important;\n      }\n      tr{\n        background: none;\n        box-shadow: none;\n      }\n    }\n\n    .vs-table--pagination {\n      justify-content: center;\n    }\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!./DataListListView.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!./DataListListView.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataListListView.vue?vue&type=template&id=4038e743\"\nimport script from \"./DataListListView.vue?vue&type=script&lang=js\"\nexport * from \"./DataListListView.vue?vue&type=script&lang=js\"\nimport style0 from \"./DataListListView.vue?vue&type=style&index=0&id=4038e743&prod&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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./DataListListView.vue?vue&type=style&index=0&id=4038e743&prod&lang=scss\""],"sourceRoot":""}