{"version":3,"sources":["webpack:///./src/views/users/UserList.vue?bcff","webpack:///./src/views/users/UserList.vue?5b42","webpack:///src/views/users/UserList.vue","webpack:///./src/views/users/UserList.vue?12e1","webpack:///./src/views/users/UserList.vue?b00a"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","on","$event","type","indexOf","_k","keyCode","key","fetchUsers","apply","arguments","searchFilters","filters","search","model","value","callback","$$v","$set","expression","_l","header","index","staticStyle","_s","text","user","user_id","nativeOn","goToUserDetail","email","first_name","last_name","pageCount","pagination","page","val","staticRenderFns","component"],"mappings":"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","file":"js/chunk-db719d5c.bc6cb7a7.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!./UserList.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{attrs:{\"id\":\"main-container\"}},[_c('div',{staticClass:\"relative clearfix\",attrs:{\"id\":\"algolia-content-container\"}},[_c('vx-card',{staticClass:\"mb-2\"},[_c('h4',[_vm._v(\"Filters\")])]),_c('vx-card',[_c('vs-row',{staticClass:\"mb-4\"},[_c('vs-col',{attrs:{\"vs-w\":\"6\"}}),_c('vs-col',{attrs:{\"vs-w\":\"6\"}},[_c('vs-input',{staticClass:\"w-full vs-input-shadow-drop vs-input-no-border d-theme-input-dark-bg mb-4\",attrs:{\"type\":\"text\",\"placeholder\":\"Search...\",\"size\":\"large\"},on:{\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.fetchUsers.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }_vm.searchFilters.filters.search = ''}]},model:{value:(_vm.searchFilters.filters.search),callback:function ($$v) {_vm.$set(_vm.searchFilters.filters, \"search\", $$v)},expression:\"searchFilters.filters.search\"}})],1)],1),_c('vs-row',_vm._l((_vm.headers),function(header,index){return _c('vs-col',{key:index,attrs:{\"vs-w\":\"3\"}},[_c('span',{staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(_vm._s(header.text))])])}),1),_c('vs-divider'),_vm._l((_vm.users),function(user){return _c('vs-row',{key:user.user_id,staticStyle:{\"cursor\":\"pointer\"},nativeOn:{\"click\":function($event){return _vm.goToUserDetail(user.user_id)}}},[_c('vs-col',{attrs:{\"vs-w\":\"3\"}},[_vm._v(_vm._s(user.user_id))]),_c('vs-col',{attrs:{\"vs-w\":\"3\"}},[_vm._v(_vm._s(user.email))]),_c('vs-col',{attrs:{\"vs-w\":\"3\"}},[_vm._v(_vm._s(user.first_name))]),_c('vs-col',{attrs:{\"vs-w\":\"3\"}},[_vm._v(_vm._s(user.last_name))]),_c('vs-divider')],1)}),_c('vs-pagination',{staticStyle:{\"justify-content\":\"flex-end\",\"display\":\"flex\",\"align-items\":\"center\",\"margin-left\":\"0%\",\"width\":\"100%\"},attrs:{\"total\":_vm.pageCount,\"max\":7,\"value\":_vm.searchFilters.pagination.page},on:{\"input\":function (val) { _vm.searchFilters.pagination.page = val; _vm.fetchUsers(); }}})],2)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: UserList.vue\n  Description: Users Page\n  ----------------------------------------------------------------------------------------\n  Item Name: iTOVi - Admin\n========================================================================================== -->\n\n<template>\n  <div>\n    <div id=\"main-container\">\n\n      <div id=\"algolia-content-container\" class=\"relative clearfix\">\n        <!-- Filters -->\n        <vx-card class=\"mb-2\">\n          <h4>Filters</h4>\n        </vx-card>\n\n        <vx-card>\n          <vs-row class=\"mb-4\">\n            <vs-col vs-w=\"6\"></vs-col>\n            <vs-col vs-w=\"6\">\n              <!-- SEARCH INPUT -->\n              <vs-input class=\"w-full vs-input-shadow-drop vs-input-no-border d-theme-input-dark-bg mb-4\"\n                        type=\"text\"\n                        placeholder=\"Search...\"\n                        size=\"large\"\n                        v-model=\"searchFilters.filters.search\"\n                        v-on:keyup.enter=\"fetchUsers\"\n                        v-on:keyup.esc=\"searchFilters.filters.search = ''\"\n              />\n            </vs-col>\n          </vs-row>\n\n          <vs-row>\n            <vs-col vs-w=\"3\" v-for=\"(header, index) in headers\" :key=\"index\">\n              <span style=\"font-weight: bold;\">{{ header.text }}</span>\n            </vs-col>\n          </vs-row>\n\n          <vs-divider></vs-divider>\n\n          <vs-row v-for=\"(user) in users\" :key=\"user.user_id\" @click.native=\"goToUserDetail(user.user_id)\" style=\"cursor: pointer;\">\n            <vs-col vs-w=\"3\">{{ user.user_id }}</vs-col>\n            <vs-col vs-w=\"3\">{{ user.email }}</vs-col>\n            <vs-col vs-w=\"3\">{{ user.first_name }}</vs-col>\n            <vs-col vs-w=\"3\">{{ user.last_name }}</vs-col>\n\n            <vs-divider></vs-divider>\n          </vs-row>\n\n          <!-- PAGINATION -->\n          <vs-pagination\n\n            :total=\"pageCount\"\n            :max=\"7\"\n            :value=\"searchFilters.pagination.page\"\n            @input=\"(val) => { searchFilters.pagination.page = val; fetchUsers(); }\"\n            style=\"justify-content: flex-end; display: flex; align-items: center; margin-left: 0%; width: 100%;\"/>\n        </vx-card>\n      </div>\n    </div>\n\n\n  </div>\n</template>\n\n<script>\n  import api from '@/http/api';\n  import models from '@/models';\n  // import ProductGeneralEditor from './components/ProductGeneralEditorCard';\n\n  export default {\n    components: {\n      // ProductGeneralEditor,\n      // ItemListView: () => import(\"./components/UserListItem.vue\"),\n    },\n    data() {\n      return {\n        models: models,\n        isSearchStalled: false,\n        currentRefinement: true,\n\n        companies: [new models.Company()],\n        resultsPerPageOptions: [\n          {label: '25', value: 25},\n          {label: '50', value: 50},\n          {label: '100', value: 100}\n        ],\n        activeOptions: [\n          {label: 'Active', value: 1},\n          {label: 'Inactive', value: 0},\n        ],\n        productTypes: [\n          new models.ProductType({ product_type_id: 1, name: 'Oils' }),\n          new models.ProductType({ product_type_id: 2, name: 'Supplement' }),\n          new models.ProductType({ product_type_id: 3, name: 'Blend' }),\n        ],\n        searchFilters: {\n          filters: {\n            active: null,\n            companies: [],\n            product_types: [],\n            search: '',\n          },\n          pagination: {\n            total: 0,\n            count: 10,\n            page: 1,\n          },\n        },\n        users: [],\n\n        // Filter Sidebar\n        isFilterSidebarActive: true,\n        clickNotClose: true,\n\n        headers: [\n          {\n            text: 'User ID',\n            value: 'user_id'\n          },\n          {\n            text: 'Email',\n            value: 'email'\n          },\n          {\n            text: 'First Name',\n            value: 'first_name'\n          },\n          {\n            text: 'Last Name',\n            value: 'last_name'\n          }\n        ]\n      }\n    },\n    mounted() {\n      this.fetchUsers();\n    },\n    computed: {\n      pageCount() {\n        let total = this.searchFilters.pagination.total;\n        let perPage = this.searchFilters.pagination.count;\n        let pages = Math.floor(total / perPage);\n        let plus1 = total % perPage !== 0;\n        if (plus1) pages++;\n        return pages;\n      },\n\n      windowWidth() {\n        return this.$store.state.windowWidth\n      },\n\n      hasFilters() {\n        if (this.searchFilters.filters.search) return true;\n        if (this.searchFilters.filters.companies.length > 0) return true;\n        if (this.searchFilters.filters.active !== null) return true;\n        if (this.searchFilters.filters.product_types.length > 0) return true;\n\n        return false;\n      },\n    },\n    watch: {\n      windowWidth() {\n        this.setSidebarWidth()\n      }\n    },\n    methods: {\n      isInCart() {\n        return false;\n      },\n      isInWishList() {\n        return false;\n      },\n      setSidebarWidth() {\n        if (this.windowWidth < 992) {\n          this.isFilterSidebarActive = this.clickNotClose = false\n        } else {\n          this.isFilterSidebarActive = this.clickNotClose = true\n        }\n      },\n      clearFilters() {\n        this.searchFilters.filters.search = '';\n        this.searchFilters.filters.companies = [];\n        this.searchFilters.pagination.count = this.resultsPerPageOptions[0].value;\n        this.searchFilters.pagination.page = 1;\n\n        this.companies.forEach((company) => {\n          company.isSelected = false;\n        });\n        this.searchFilters.filters.active = null;\n        this.activeOptions.forEach((option) => {\n          option.isSelected = false;\n        });\n        this.searchFilters.filters.product_types = [];\n        this.productTypes.forEach((type) => {\n          type.isSelected = false;\n        });\n\n        this.fetchUsers();\n      },\n      async goToUserDetail(userId) {\n        console.log(\"T\" + userId);\n        // just give the UI enough time to close the dialog\n        await new Promise(resolve => setTimeout(resolve, 300));\n        this.$router.push(`/users/detail?id=${userId}`).catch(()=> {\n        });\n      },\n      async fetchUsers() {\n        this.$vs.loading();\n\n        this.isSearchStalled = true;\n\n        let usersObj = await api.fetchUsers(this.buildSearchFilters());\n        this.users = usersObj.users;\n        this.searchFilters.pagination.total = usersObj.pagination.total;\n\n        this.isSearchStalled = false;\n\n        this.$vs.loading.close();\n      },\n\n      buildSearchFilters() {\n        // set companies filter\n        this.searchFilters.filters.companies = this.companies.filter((company) => {\n          return company.isSelected;\n        }).map((company) => {\n          return company.company_id;\n        });\n        // set product_types filter\n        this.searchFilters.filters.product_types = this.productTypes.filter((type) => {\n          return type.isSelected;\n        }).map((type) => {\n          return type.product_type_id;\n        });\n        // set active filter\n        let selectedActive = this.activeOptions.filter((option) => {return option.isSelected});\n        if (selectedActive.length !== 1) {\n          this.searchFilters.filters.active = null;\n        } else {\n          this.searchFilters.filters.active = selectedActive[0].value;\n        }\n\n        return this.searchFilters;\n      },\n    },\n    created() {\n      this.setSidebarWidth()\n    }\n  }\n\n</script>\n\n\n<style lang=\"scss\">\n  #main-container {\n    .algolia-header {\n      .algolia-filters-label {\n        width: calc(260px + 2.4rem);\n      }\n    }\n\n    #algolia-content-container {\n\n      .vs-sidebar {\n        position: relative;\n        float: left;\n      }\n    }\n\n    .algolia-search-input-right-aligned-icon {\n      padding: 1rem 1.5rem;\n    }\n\n    .algolia-price-slider {\n      min-width: unset;\n    }\n\n    .item-view-primary-action-btn {\n      color: #2c2c2c !important;\n      background-color: #f6f6f6;\n      min-width: 50%;\n    }\n\n    .item-view-secondary-action-btn {\n      min-width: 50%;\n    }\n  }\n\n  .theme-dark {\n    #main-container {\n      #algolia-content-container {\n        .vs-sidebar {\n          background-color: #10163a;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 992px) {\n    .vs-sidebar-rounded {\n      .vs-sidebar {\n        border-radius: .5rem;\n      }\n\n      .vs-sidebar--items {\n        border-radius: .5rem;\n      }\n    }\n  }\n\n  @media (max-width: 992px) {\n    #algolia-content-container {\n      .vs-sidebar {\n        position: absolute !important;\n        float: none !important;\n      }\n    }\n  }\n\n</style>\n\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!./UserList.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!./UserList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserList.vue?vue&type=template&id=14f2109f&\"\nimport script from \"./UserList.vue?vue&type=script&lang=js&\"\nexport * from \"./UserList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserList.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"],"sourceRoot":""}