{"version":3,"file":"js/userList.chunk.js?id=07e1c9e7718f9d2aee3c","mappings":"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","sources":["webpack://company-webapp/./src/views/Users/UserList.vue","webpack://company-webapp/src/views/Users/UserList.vue","webpack://company-webapp/./src/views/Users/UserList.vue?9a19","webpack://company-webapp/./src/views/Users/UserList.vue?a1a8"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('emd-filter',{attrs:{\"options\":_vm.filterOptions,\"default\":_vm.queryString,\"loadingList\":_vm.loadingList,\"action\":_vm.actionName},model:{value:(_vm.queryString),callback:function ($$v) {_vm.queryString=$$v},expression:\"queryString\"}}),_c('div',{staticClass:\"el-section\"},[_c('div',{staticClass:\"emd-container _highlight_header _header _footer_spaced_sm\"},[_c('div',{staticClass:\"emd-container__header\"},[_c('h2',{staticClass:\"emd-text _size_section\"},[_vm._v(_vm._s(_vm.viewTitle))]),(_vm.showBtnInvite)?_c('router-link',{attrs:{\"to\":{ name: _vm.inviteRoute }}},[_c('button',{staticClass:\"emd-btn _color_primary _size_small jsModalOpen\",attrs:{\"type\":\"buton\"}},[_c('i',{staticClass:\"uil uil-plus\"}),_vm._v(\" \"+_vm._s(_vm.$t('user.list.btnInvite'))+\" \")])]):_vm._e()],1),_c('div',{staticClass:\"emd-container__content eu-no-padding\"},[_c('emd-table',{attrs:{\"headers\":_vm.tableHeaders,\"data\":_vm.users}},_vm._l((_vm.users.items),function(user){return _c('tr',{key:user.id},[_c('td',{attrs:{\"data-label\":_vm.$t('user.list.table.name')}},[_c('span',{staticClass:\"emd-link\",on:{\"click\":function($event){return _vm.goToRoute(user.id)}}},[_vm._v(_vm._s(user.first_name)+\" \"+_vm._s(user.last_name))])]),_c('td',{attrs:{\"data-label\":_vm.$t('user.list.table.email')}},[_vm._v(\" \"+_vm._s(user.email)+\" \")]),_c('td',{attrs:{\"data-label\":_vm.$t('user.list.table.permission')}},[_c('span',{staticClass:\"emd-text _type_caption\"},[_vm._v(_vm._s(_vm.getPermission(user)))])]),_c('td',{staticClass:\"eu-align_right\"},[_c('button',{staticClass:\"emd-btn-ghost\",attrs:{\"title\":_vm.$t('user.list.table.linkToUser')},on:{\"click\":function($event){return _vm.goToRoute(user.id)}}},[_c('i',{staticClass:\"uil uil-arrow-to-right\",attrs:{\"fixed-width\":\"\"}})])])])}),0)],1),_c('div',{staticClass:\"emd-container__footer\"},[(_vm.users)?_c('emd-pagination',{attrs:{\"data\":_vm.users,\"action\":_vm.listAction}}):_vm._e()],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <emd-filter\n      :options=\"filterOptions\"\n      :default=\"queryString\"\n      v-model=\"queryString\"\n      :loadingList=\"loadingList\"\n      :action=\"actionName\"\n    ></emd-filter>\n    <div class=\"el-section\">\n      <div class=\"emd-container _highlight_header _header _footer_spaced_sm\">\n        <div class=\"emd-container__header\">\n          <h2 class=\"emd-text _size_section\">{{ viewTitle }}</h2>\n          <router-link\n            :to=\"{ name: inviteRoute }\"\n            v-if=\"showBtnInvite\"\n          >\n            <button\n              type=\"buton\"\n              class=\"emd-btn _color_primary _size_small jsModalOpen\"\n            >\n              <i class=\"uil uil-plus\"></i>\n              {{ $t('user.list.btnInvite') }}\n            </button>\n          </router-link>\n        </div>\n        <div class=\"emd-container__content eu-no-padding\">\n          <emd-table\n            :headers=\"tableHeaders\"\n            :data=\"users\"\n          >\n            <tr\n              v-for=\"user in users.items\"\n              :key=\"user.id\"\n            >\n              <td :data-label=\"$t('user.list.table.name')\">\n                <span\n                  class=\"emd-link\"\n                  @click=\"goToRoute(user.id)\"\n                  >{{ user.first_name }} {{ user.last_name }}</span\n                >\n              </td>\n              <td :data-label=\"$t('user.list.table.email')\">\n                {{ user.email }}\n              </td>\n              <td :data-label=\"$t('user.list.table.permission')\">\n                <span class=\"emd-text _type_caption\">{{\n                  getPermission(user)\n                }}</span>\n              </td>\n              <td class=\"eu-align_right\">\n                <button\n                  class=\"emd-btn-ghost\"\n                  :title=\"$t('user.list.table.linkToUser')\"\n                  @click=\"goToRoute(user.id)\"\n                >\n                  <i\n                    class=\"uil uil-arrow-to-right\"\n                    fixed-width\n                  ></i>\n                </button>\n              </td>\n            </tr>\n          </emd-table>\n        </div>\n        <div class=\"emd-container__footer\">\n          <emd-pagination\n            v-if=\"users\"\n            :data=\"users\"\n            :action=\"listAction\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EmdTable from '@/components/project/ui/EmdTable.vue'\nimport EmdPagination from '@/components/project/ui/EmdPagination.vue'\nimport EmdFilter from '@/components/emerald/organisms/EmdFilter.vue'\n\nexport default {\n  name: 'UserList',\n  components: {\n    EmdTable,\n    EmdPagination,\n    EmdFilter\n  },\n  props: {\n    actionName: {\n      type: String\n    },\n    getterName: {\n      type: String\n    },\n    inviteRoute: {\n      type: String\n    }\n  },\n  data () {\n    return {\n      queryString: {\n        size: 30,\n        page: 1,\n        first_name: '',\n        last_name: '',\n        email: ''\n      },\n      loadingList: false,\n      tableHeaders: [\n        this.$t('user.list.table.name'),\n        this.$t('user.list.table.email'),\n        this.$t('user.list.table.permission'),\n        ''\n      ]\n    }\n  },\n  computed: {\n    users () {\n      return this.$store.getters[this.getterName]\n    },\n    listAction () {\n      return {\n        name: this.actionName,\n        param: { merchantId: this.$store.getters.merchantActive.id }\n      }\n    },\n    viewTitle () {\n      let title\n      switch (this.$route.name) {\n        case 'adminUser':\n          title = this.$t('user.list.admin')\n          break\n        case 'staffUser':\n          title = this.$t('user.list.team')\n          break\n      }\n      return title\n    },\n    filterOptions: function () {\n      return this.$store.state.user.filterOptions\n    },\n    showBtnInvite () {\n      if (this.inviteRoute === 'adminInviteCreate') {\n        return this.permissionIsEnabled('merchant_admin.invite:create')\n      }\n      return this.permissionIsEnabled('merchant_staff.invite:create') // getterName === 'staffInviteCreate'\n    }\n  },\n  methods: {\n    goToRoute (userId) {\n      this.$router\n        .push({\n          name:\n            this.getterName === 'adminUsers'\n              ? 'adminUserDetail'\n              : 'staffUserDetail',\n          params: { id: userId }\n        })\n        .catch(err => err)\n    },\n    getPermission (user) {\n      return user.type.key === 'Staff'\n        ? this.$t('user.list.table.perAccount')\n        : user.type.value\n    },\n    permissionIsEnabled (action) {\n      return this.$store.getters.permissionIsEnabled(action)\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../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=1924df08\"\nimport script from \"./UserList.vue?vue&type=script&lang=js\"\nexport * from \"./UserList.vue?vue&type=script&lang=js\"\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"],"names":["render","_vm","this","_c","_self","attrs","filterOptions","queryString","loadingList","actionName","model","value","callback","$$v","expression","staticClass","_v","_s","viewTitle","showBtnInvite","name","inviteRoute","$t","_e","tableHeaders","users","_l","items","user","key","id","on","$event","goToRoute","first_name","last_name","email","getPermission","listAction","staticRenderFns","components","EmdTable","EmdPagination","EmdFilter","props","type","String","getterName","data","size","page","computed","$store","getters","param","merchantId","merchantActive","title","$route","state","permissionIsEnabled","methods","userId","$router","push","params","catch","err","action","component"],"sourceRoot":""}