{"version":3,"sources":["webpack:///./src/views/clients/ClientList.vue?f8d2","webpack:///./src/views/clients/ClientList.vue?cd2d","webpack:///src/views/clients/ClientList.vue","webpack:///./src/views/clients/ClientList.vue?956d","webpack:///./src/views/clients/ClientList.vue?789f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","on","$event","type","indexOf","_k","keyCode","key","fetchClients","apply","arguments","searchFilters","filters","search","model","value","callback","$$v","$set","expression","_l","header","index","width","staticStyle","_s","text","client","client_id","nativeOn","goToClientDetail","user_id","email","first_name","last_name","pageCount","pagination","page","val","staticRenderFns","component"],"mappings":"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","file":"js/chunk-34b7cc6f.e2af2913.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!./ClientList.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.fetchClients.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\":header.width}},[_c('span',{staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(_vm._s(header.text))])])}),1),_c('vs-divider'),_vm._l((_vm.clients),function(client){return _c('vs-row',{key:client.client_id,staticStyle:{\"cursor\":\"pointer\"},nativeOn:{\"click\":function($event){return _vm.goToClientDetail(client.client_id)}}},[_c('vs-col',{attrs:{\"vs-w\":\"2\"}},[_vm._v(_vm._s(client.client_id))]),_c('vs-col',{attrs:{\"vs-w\":\"2\"}},[_vm._v(_vm._s(client.user_id))]),_c('vs-col',{attrs:{\"vs-w\":\"4\"}},[_vm._v(_vm._s(client.email))]),_c('vs-col',{attrs:{\"vs-w\":\"2\"}},[_vm._v(_vm._s(client.first_name))]),_c('vs-col',{attrs:{\"vs-w\":\"2\"}},[_vm._v(_vm._s(client.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.fetchClients(); }}})],2)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: ClientList.vue\n  Description: Clients 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=\"fetchClients\"\n                        v-on:keyup.esc=\"searchFilters.filters.search = ''\"\n              />\n            </vs-col>\n          </vs-row>\n\n          <vs-row>\n            <vs-col :vs-w=\"header.width\" 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=\"(client) in clients\" :key=\"client.client_id\" @click.native=\"goToClientDetail(client.client_id)\" style=\"cursor: pointer;\">\n            <vs-col vs-w=\"2\">{{ client.client_id }}</vs-col>\n            <vs-col vs-w=\"2\">{{ client.user_id }}</vs-col>\n            <vs-col vs-w=\"4\">{{ client.email }}</vs-col>\n            <vs-col vs-w=\"2\">{{ client.first_name }}</vs-col>\n            <vs-col vs-w=\"2\">{{ client.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; fetchClients(); }\"\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\n  export default {\n    data() {\n      return {\n        models: models,\n        isSearchStalled: false,\n        currentRefinement: true,\n\n        resultsPerPageOptions: [\n          {label: '25', value: 25},\n          {label: '50', value: 50},\n          {label: '100', value: 100}\n        ],\n        searchFilters: {\n          filters: {\n            search: '',\n          },\n          pagination: {\n            total: 0,\n            count: 10,\n            page: 1,\n          },\n        },\n        clients: [],\n\n        // Filter Sidebar\n        clickNotClose: true,\n\n        headers: [\n          {\n            text: 'Client ID',\n            value: 'client_id',\n            width: 2\n          },\n          {\n            text: 'User ID',\n            value: 'user_id',\n            width: 2\n          },\n          {\n            text: 'Email',\n            value: 'email',\n            width: 4\n          },\n          {\n            text: 'First Name',\n            value: 'first_name',\n            width: 2\n          },\n          {\n            text: 'Last Name',\n            value: 'last_name',\n            width: 2\n          }\n        ]\n      }\n    },\n    mounted() {\n      this.fetchClients();\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\n        return false;\n      },\n    },\n    methods: {\n      isInCart() {\n        return false;\n      },\n      isInWishList() {\n        return false;\n      },\n      clearFilters() {\n        this.searchFilters.filters.search = '';\n        this.searchFilters.pagination.count = this.resultsPerPageOptions[0].value;\n        this.searchFilters.pagination.page = 1;\n\n        this.fetchClients();\n      },\n      async goToClientDetail(clientId) {\n        // just give the UI enough time to close the dialog\n        await new Promise(resolve => setTimeout(resolve, 300));\n        this.$router.push(`/clients/detail?id=${clientId}`).catch(()=> {});\n      },\n      async fetchClients() {\n        this.$vs.loading();\n\n        this.isSearchStalled = true;\n\n        let clientsObj = await api.fetchClients(this.buildSearchFilters());\n        this.clients = clientsObj.clients;\n        this.searchFilters.pagination.total = clientsObj.pagination.total;\n\n        this.isSearchStalled = false;\n\n        this.$vs.loading.close();\n      },\n      buildSearchFilters() {\n        return this.searchFilters;\n      },\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!./ClientList.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!./ClientList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClientList.vue?vue&type=template&id=59806d4a&\"\nimport script from \"./ClientList.vue?vue&type=script&lang=js&\"\nexport * from \"./ClientList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClientList.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":""}