{"version":3,"sources":["webpack:///./src/views/AdminPanel/Teams/Teams.vue?d3ee","webpack:///./src/views/AdminPanel/Teams/Teams.vue?cb53","webpack:///src/views/AdminPanel/Teams/Teams.vue","webpack:///./src/views/AdminPanel/Teams/Teams.vue?bcb4","webpack:///./src/views/AdminPanel/Teams/Teams.vue?53e2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","$event","toggleTeamModal","show","type","headers","loading","items","page_info","detail_count","scopedSlots","_u","key","fn","props","item","_s","profile","name","first_name","last_name","phone","email","staticStyle","id","total_page","model","value","callback","$$v","$set","expression","staticRenderFns","components","AddTeamModal","data","page_number","sortable","text","align","class","width","computed","watch","methods","mapActions","getTeamList","params","Axios","onSuccess","onFailure","isTokenRequired","mounted","created","beforeDestroy","component","VBtn","VDataTable","VIcon","VPagination","VSpacer"],"mappings":"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","file":"js/chunk-01137445.1e776ed9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Teams.vue?vue&type=style&index=0&id=1d140305&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pb-4 d-flex\"},[_c('span',{staticClass:\"title_text_class\"},[_vm._v(\"Admin Access\")]),_c('v-spacer'),_c('v-btn',{staticClass:\"btn__class text-none\",attrs:{\"height\":\"42\",\"color\":\"#2D8CFF\"},on:{\"click\":function($event){return _vm.toggleTeamModal({ show: true, type: 'add' })}}},[_c('span',[_vm._v(\"+ Add new Teammate\")])])],1),_c('div',{staticClass:\"team_table__class\"},[_c('v-data-table',{staticClass:\"elevation-3\",attrs:{\"headers\":_vm.headers,\"loading\":_vm.loading,\"loading-text\":\"Please wait ....Loading\",\"items\":_vm.items,\"items-per-page\":_vm.page_info.detail_count,\"server-items-length\":_vm.page_info.detail_count,\"hide-default-footer\":\"\",\"mobile-breakpoint\":\"\"},scopedSlots:_vm._u([{key:\"item\",fn:function(props){return [_c('tr',[_c('td',{staticClass:\"text-center\"},[(props.item.profile)?_c('div',{staticClass:\"item_text__class text-center\"},[_vm._v(\" \"+_vm._s(props.item.profile.name)+\" \")]):_c('div',{staticClass:\"item_text__class text-center\"},[_vm._v(\" \"+_vm._s(props.item.first_name)+\" \"+_vm._s(props.item.last_name)+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('div',{staticClass:\"item_text__class text-center\"},[_vm._v(\" \"+_vm._s(props.item.phone)+\" \")])]),_c('td',{staticClass:\"text-center\"},[(props.item.profile)?_c('div',{staticClass:\"item_text__class text-center\"},[_vm._v(\" \"+_vm._s(props.item.profile.email)+\" \")]):_c('div',{staticClass:\"item_text__class text-center\"},[_vm._v(\" \"+_vm._s(props.item.email)+\" \")])]),_c('td',{staticClass:\"text-center\"},[_c('v-btn',{staticClass:\"text_btn__class edit_btn_class\",staticStyle:{\"min-width\":\"0px !important\",\"padding\":\"0 5px !important\"},attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.toggleTeamModal({\n                  show: true,\n                  type: 'edit',\n                  id: props.item.id,\n                })}}},[_c('v-icon',{attrs:{\"color\":\"#2D8CFF\"}},[_vm._v(\"mdi-pencil-outline\")])],1)],1)])]}}])})],1),_c('br'),_c('div',{staticClass:\"d-flex justify-sm-end justify-center\"},[_c('v-pagination',{staticClass:\"pagination\",attrs:{\"length\":_vm.page_info.total_page,\"total-visible\":5,\"color\":\"#2D8CFF\"},model:{value:(_vm.page_info.page_number),callback:function ($$v) {_vm.$set(_vm.page_info, \"page_number\", $$v)},expression:\"page_info.page_number\"}})],1),_c('add-team-modal')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"pb-4 d-flex\">\n      <span class=\"title_text_class\">Admin Access</span>\n      <v-spacer></v-spacer>\n      <v-btn\n        class=\"btn__class text-none\"\n        height=\"42\"\n        color=\"#2D8CFF\"\n        @click=\"toggleTeamModal({ show: true, type: 'add' })\"\n      >\n        <span>+ Add new Teammate</span>\n      </v-btn>\n    </div>\n    <div class=\"team_table__class\">\n      <v-data-table\n        :headers=\"headers\"\n        :loading=\"loading\"\n        loading-text=\"Please wait ....Loading\"\n        :items=\"items\"\n        :items-per-page=\"page_info.detail_count\"\n        :server-items-length=\"page_info.detail_count\"\n        hide-default-footer\n        mobile-breakpoint\n        class=\"elevation-3\"\n      >\n        <template v-slot:item=\"props\">\n          <tr>\n            <td class=\"text-center\">\n              <div\n                class=\"item_text__class text-center\"\n                v-if=\"props.item.profile\"\n              >\n                {{ props.item.profile.name }}\n              </div>\n              <div class=\"item_text__class text-center\" v-else>\n                {{ props.item.first_name }} {{ props.item.last_name }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div class=\"item_text__class text-center\">\n                {{ props.item.phone }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <div\n                class=\"item_text__class text-center\"\n                v-if=\"props.item.profile\"\n              >\n                {{ props.item.profile.email }}\n              </div>\n              <div\n                class=\"item_text__class text-center\"\n                v-else\n              >\n                {{ props.item.email }}\n              </div>\n            </td>\n            <td class=\"text-center\">\n              <v-btn\n                text\n                class=\"text_btn__class edit_btn_class\"\n                style=\"min-width: 0px !important; padding: 0 5px !important\"\n                @click=\"\n                  toggleTeamModal({\n                    show: true,\n                    type: 'edit',\n                    id: props.item.id,\n                  })\n                \"\n              >\n                <v-icon color=\"#2D8CFF\">mdi-pencil-outline</v-icon>\n              </v-btn>\n              <!-- <v-btn\n                text\n                class=\"text_btn__class delete_btn_class ml-2\"\n                style=\"min-width: 0px !important; padding: 0 5px !important\"\n              >\n                <v-icon color=\"#EB5757\">mdi-delete-outline</v-icon>\n              </v-btn> -->\n            </td>\n          </tr>\n        </template>\n      </v-data-table>\n    </div>\n    <br />\n    <div class=\"d-flex justify-sm-end justify-center\">\n      <v-pagination\n        v-model=\"page_info.page_number\"\n        :length=\"page_info.total_page\"\n        :total-visible=\"5\"\n        color=\"#2D8CFF\"\n        class=\"pagination\"\n      >\n      </v-pagination>\n    </div>\n    <add-team-modal></add-team-modal>\n  </div>\n</template>\n<script>\nimport Axios from \"@/api/newAxios\";\nimport apiUrl from \"@/common/apiUrl\";\nimport _ from \"lodash\";\nimport { mapActions } from \"vuex\";\nimport emitterKey from \"@/helper/emitterKey\";\nexport default {\n  name: \"Teams\",\n  components: {\n    AddTeamModal: () => import(\"./AddTeamModal/AddTeamModal.vue\"),\n  },\n  data() {\n    return {\n      loading: false,\n      items: [],\n      page_info: {\n        detail_count: 10,\n        page_number: 1,\n        total_page: 1,\n      },\n      headers: [\n        {\n          sortable: false,\n          text: \"Name\",\n          align: \"center\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n        },\n        {\n          sortable: false,\n          text: \"Mobile No.\",\n          align: \"center\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n        },\n        {\n          sortable: false,\n          text: \"Email\",\n          align: \"center\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n        },\n        {\n          width: \"20%\",\n          sortable: false,\n          text: \"Action\",\n          align: \"center\",\n          class: [\"tableHeader-text\", \"tableHeader-bg\"],\n        },\n      ],\n    };\n  },\n  computed: {},\n  watch: {\n    \"page_info.page_number\": function () {\n      this.debounceTeamList();\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleTeamModal: \"adminTeam/toggleTeamModal\",\n    }),\n    getTeamList() {\n      this.loading = true;\n      const onSuccess = (res) => {\n        this.items = res.data.user_list;\n        this.page_info.total_page = res.data.page_info.total_page;\n        this.loading = false;\n      };\n      const onFailure = () => {\n        this.loading = false;\n      };\n      let params = {};\n      params[\"detail_count\"] = this.page_info.detail_count;\n      params[\"page_number\"] = this.page_info.page_number;\n      Axios(\"get\", apiUrl.ADMIN_USER_APIS_LIST, {\n        params,\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n  },\n  mounted() {\n    this.getTeamList();\n  },\n  created() {\n    this.debounceTeamList = _.debounce(function () {\n      this.getTeamList();\n    }, 500);\n\n    // Event Bus\n    this.eventBus.$on(emitterKey.ADMIN_RELOAD_TEAM_LIST, () => {\n      this.getTeamList();\n    });\n  },\n  beforeDestroy() {\n    this.eventBus.$off(emitterKey.ADMIN_RELOAD_TEAM_LIST);\n  },\n};\n</script>\n<style scoped>\n.title_text_class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 900;\n  font-size: 18px;\n  line-height: 25px;\n  /* identical to box height */\n\n  color: #333333;\n}\n.item_text__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 15px;\n  line-height: 20px;\n\n  color: #3d3d3d;\n}\nspan.text_btn__class.v-btn {\n  min-width: 0px !important;\n  padding: 0 5px !important;\n}\n.delete_btn_class {\n  background: #fdebeb !important;\n}\n.edit_btn_class {\n  background: #f2f8ff !important;\n}\n.btn__class >>> span {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 800;\n  font-size: 15px;\n  line-height: 20px;\n  text-align: center;\n\n  color: #ffffff;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Teams.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Teams.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Teams.vue?vue&type=template&id=1d140305&scoped=true&\"\nimport script from \"./Teams.vue?vue&type=script&lang=js&\"\nexport * from \"./Teams.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Teams.vue?vue&type=style&index=0&id=1d140305&scoped=true&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  \"1d140305\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VDataTable,VIcon,VPagination,VSpacer})\n"],"sourceRoot":""}