{"version":3,"sources":["webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?c5be","webpack:///src/views/ui-elements/data-list/list-view/DataListListView.vue","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?66da","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?f58b","webpack:///./src/views/ui-elements/data-list/list-view/DataListListView.vue?149d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","addNewDataSidebar","on","$event","ref","itemsPerPage","users","scopedSlots","_u","key","fn","data","_l","tr","indextr","_v","_s","name","category","popularity","Number","getPopularityColor","getOrderStatusColor","order_status","price","model","value","callback","$$v","selected","expression","slot","currentPage","length","staticRenderFns","components","AddNewDataSidebar","isMounted","computed","$refs","table","currentx","methods","status","num","formatData","obj","formattedData","created","$http","mounted","component"],"mappings":"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","file":"js/chunk-5fb933a8.312e57aa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"data-list-container\",attrs:{\"id\":\"data-list-list-view\"}},[_c('add-new-data-sidebar',{attrs:{\"isSidebarActive\":_vm.addNewDataSidebar},on:{\"closeSidebar\":function($event){_vm.addNewDataSidebar = false}}}),_c('vs-table',{ref:\"table\",attrs:{\"multiple\":\"\",\"pagination\":\"\",\"max-items\":_vm.itemsPerPage,\"search\":\"\",\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn [_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\"},[_vm._v(_vm._s(tr.name))])]),_c('vs-td',[_c('p',{staticClass:\"product-category\"},[_vm._v(_vm._s(tr.category))])]),_c('vs-td',[_vm._v(\"\\n            \"+_vm._s(typeof tr.popularity)+\"\\n            \"),_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(tr.order_status))])],1),_c('vs-td',[_c('p',{staticClass:\"product-price\"},[_vm._v(\"$\"+_vm._s(tr.price))])])],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\"},[_c('vs-dropdown',{staticClass:\"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\"},[_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',[_vm._v(\"Delete\")])]),_c('vs-dropdown-item',[_c('span',[_vm._v(\"Archive\")])]),_c('vs-dropdown-item',[_c('span',[_vm._v(\"Print\")])]),_c('vs-dropdown-item',[_c('span',[_vm._v(\"Another Action\")])])],1)],1),_c('div',{staticClass:\"p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\",on:{\"click\":function($event){_vm.addNewDataSidebar = true}}},[_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\",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))+\" -\\n            \"+_vm._s(_vm.users.length - _vm.currentPage * _vm.itemsPerPage > 0\n                ? _vm.currentPage * _vm.itemsPerPage\n                : _vm.users.length)+\"\\n            of \"+_vm._s(_vm.users.length))]),_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\")])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n  File Name: DataListListView.vue\r\n  Description: Data List - List View\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n  <div id=\"data-list-list-view\" class=\"data-list-container\">\r\n    <add-new-data-sidebar\r\n      :isSidebarActive=\"addNewDataSidebar\"\r\n      @closeSidebar=\"addNewDataSidebar = false\"\r\n    />\r\n\r\n    <vs-table\r\n      ref=\"table\"\r\n      multiple\r\n      v-model=\"selected\"\r\n      pagination\r\n      :max-items=\"itemsPerPage\"\r\n      search\r\n      :data=\"users\"\r\n    >\r\n      <div\r\n        slot=\"header\"\r\n        class=\"flex flex-wrap-reverse items-center flex-grow justify-between\"\r\n      >\r\n        <div class=\"flex flex-wrap-reverse items-center\">\r\n          <!-- ACTION - DROPDOWN -->\r\n          <vs-dropdown vs-trigger-click class=\"cursor-pointer mr-4 mb-4\">\r\n            <div\r\n              class=\"p-4 shadow-drop rounded-lg d-theme-dark-bg cursor-pointer flex items-center justify-center text-lg font-medium w-32\"\r\n            >\r\n              <span class=\"mr-2\">Actions</span>\r\n              <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n            </div>\r\n\r\n            <vs-dropdown-menu>\r\n              <vs-dropdown-item>\r\n                <span>Delete</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item>\r\n                <span>Archive</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item>\r\n                <span>Print</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item>\r\n                <span>Another Action</span>\r\n              </vs-dropdown-item>\r\n            </vs-dropdown-menu>\r\n          </vs-dropdown>\r\n\r\n          <!-- ADD NEW -->\r\n          <div\r\n            class=\"p-3 mb-4 mr-4 rounded-lg cursor-pointer flex items-center justify-between text-lg font-medium text-base text-primary border border-solid border-primary\"\r\n            @click=\"addNewDataSidebar = true\"\r\n          >\r\n            <feather-icon icon=\"PlusIcon\" svgClasses=\"h-4 w-4\" />\r\n            <span class=\"ml-2 text-base text-primary\">Add New</span>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- ITEMS PER PAGE -->\r\n        <vs-dropdown vs-trigger-click class=\"cursor-pointer mb-4 mr-4\">\r\n          <div\r\n            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\"\r\n          >\r\n            <span class=\"mr-2\"\r\n              >{{ currentPage * itemsPerPage - (itemsPerPage - 1) }} -\r\n              {{\r\n                users.length - currentPage * itemsPerPage > 0\r\n                  ? currentPage * itemsPerPage\r\n                  : users.length\r\n              }}\r\n              of {{ users.length }}</span\r\n            >\r\n            <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n          </div>\r\n          <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\r\n          <vs-dropdown-menu>\r\n            <vs-dropdown-item @click=\"itemsPerPage = 4\">\r\n              <span>4</span>\r\n            </vs-dropdown-item>\r\n            <vs-dropdown-item @click=\"itemsPerPage = 10\">\r\n              <span>10</span>\r\n            </vs-dropdown-item>\r\n            <vs-dropdown-item @click=\"itemsPerPage = 15\">\r\n              <span>15</span>\r\n            </vs-dropdown-item>\r\n            <vs-dropdown-item @click=\"itemsPerPage = 20\">\r\n              <span>20</span>\r\n            </vs-dropdown-item>\r\n          </vs-dropdown-menu>\r\n        </vs-dropdown>\r\n      </div>\r\n\r\n      <template slot=\"thead\">\r\n        <vs-th sort-key=\"name\">Name</vs-th>\r\n        <vs-th sort-key=\"category\">Category</vs-th>\r\n        <vs-th sort-key=\"popularity\">Popularity</vs-th>\r\n        <vs-th sort-key=\"order_status\">Order Status</vs-th>\r\n        <vs-th sort-key=\"price\">Price</vs-th>\r\n      </template>\r\n\r\n      <template slot-scope=\"{ data }\">\r\n        <tbody>\r\n          <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\">\r\n            <vs-td>\r\n              <p class=\"product-name font-medium\">{{ tr.name }}</p>\r\n            </vs-td>\r\n\r\n            <vs-td>\r\n              <p class=\"product-category\">{{ tr.category }}</p>\r\n            </vs-td>\r\n\r\n            <vs-td>\r\n              {{ typeof tr.popularity }}\r\n              <vs-progress\r\n                :percent=\"Number(tr.popularity)\"\r\n                :color=\"getPopularityColor(Number(tr.popularity))\"\r\n                class=\"shadow-md\"\r\n              />\r\n            </vs-td>\r\n\r\n            <vs-td>\r\n              <vs-chip\r\n                :color=\"getOrderStatusColor(tr.order_status)\"\r\n                class=\"product-order-status\"\r\n                >{{ tr.order_status }}</vs-chip\r\n              >\r\n            </vs-td>\r\n\r\n            <vs-td>\r\n              <p class=\"product-price\">${{ tr.price }}</p>\r\n            </vs-td>\r\n          </vs-tr>\r\n        </tbody>\r\n      </template>\r\n    </vs-table>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AddNewDataSidebar from \"../AddNewDataSidebar.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    AddNewDataSidebar,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: [],\r\n      users: [],\r\n      itemsPerPage: 4,\r\n      isMounted: false,\r\n      addNewDataSidebar: false,\r\n    };\r\n  },\r\n  computed: {\r\n    currentPage() {\r\n      if (this.isMounted) {\r\n        return this.$refs.table.currentx;\r\n      }\r\n      return 0;\r\n    },\r\n  },\r\n  methods: {\r\n    getOrderStatusColor(status) {\r\n      if (status == \"on hold\") return \"warning\";\r\n      if (status == \"delivered\") return \"success\";\r\n      if (status == \"canceled\") return \"danger\";\r\n      return \"primary\";\r\n    },\r\n    getPopularityColor(num) {\r\n      if (num > 90) return \"success\";\r\n      if (num > 70) return \"primary\";\r\n      if (num >= 50) return \"warning\";\r\n      if (num < 50) return \"danger\";\r\n      return \"primary\";\r\n    },\r\n    formatData(data) {\r\n      // formats data received from API\r\n      let formattedData = data.map((item) => {\r\n        const fields = item.fields;\r\n        let obj = {};\r\n        for (const key of Object.keys(fields)) {\r\n          obj[key] =\r\n            Number(fields[key].integerValue) ||\r\n            Number(fields[key].doubleValue) ||\r\n            fields[key].stringValue;\r\n        }\r\n        return obj;\r\n      });\r\n      return formattedData;\r\n    },\r\n  },\r\n  created() {\r\n    const thisIns = this;\r\n    this.$http\r\n      .get(\r\n        \"https://firestore.googleapis.com/v1/projects/vuesax-admin/databases/(default)/documents/products/?pageSize=100\"\r\n      )\r\n      .then(function (response) {\r\n        thisIns.users = thisIns.formatData(response.data.documents);\r\n      })\r\n      .catch(function (error) {\r\n        thisIns.$vs.notify({\r\n          title: \"Error\",\r\n          text: error,\r\n          color: \"danger\",\r\n          iconPack: \"feather\",\r\n          icon: \"icon-alert-circle\",\r\n        });\r\n      });\r\n  },\r\n  mounted() {\r\n    this.isMounted = true;\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#data-list-list-view {\r\n  .vs-con-table {\r\n    .vs-table--header {\r\n      display: flex;\r\n      flex-wrap: wrap-reverse;\r\n      margin-left: 1.5rem;\r\n      margin-right: 1.5rem;\r\n      > span {\r\n        display: flex;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .vs-table--search {\r\n        padding-top: 0;\r\n\r\n        .vs-table--search-input {\r\n          padding: 0.9rem 2.5rem;\r\n          font-size: 1rem;\r\n\r\n          & + i {\r\n            left: 1rem;\r\n          }\r\n\r\n          &:focus + i {\r\n            left: 1rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table {\r\n      border-collapse: separate;\r\n      border-spacing: 0 1.3rem;\r\n      padding: 0 1rem;\r\n\r\n      tr {\r\n        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);\r\n        td {\r\n          padding: 20px;\r\n          &:first-child {\r\n            border-top-left-radius: 0.5rem;\r\n            border-bottom-left-radius: 0.5rem;\r\n          }\r\n          &:last-child {\r\n            border-top-right-radius: 0.5rem;\r\n            border-bottom-right-radius: 0.5rem;\r\n          }\r\n        }\r\n        td.td-check {\r\n          padding: 20px !important;\r\n        }\r\n      }\r\n    }\r\n\r\n    .vs-table--thead {\r\n      th {\r\n        padding-top: 0;\r\n        padding-bottom: 0;\r\n\r\n        .vs-table-text {\r\n          text-transform: uppercase;\r\n          font-weight: 600;\r\n        }\r\n      }\r\n      th.td-check {\r\n        padding: 0 15px !important;\r\n      }\r\n      tr {\r\n        background: none;\r\n        box-shadow: none;\r\n      }\r\n    }\r\n\r\n    .vs-table--pagination {\r\n      justify-content: center;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=65dab1dc&\"\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&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","import mod from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/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/lib/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&lang=scss&\""],"sourceRoot":""}