{"version":3,"file":"js/userList.chunk.js?id=573f1dd8314d5c6c6985","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() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    [\n      _c(\"emd-filter\", {\n        attrs: {\n          options: _vm.filterOptions,\n          default: _vm.queryString,\n          loadingList: _vm.loadingList,\n          action: _vm.actionName,\n        },\n        model: {\n          value: _vm.queryString,\n          callback: function ($$v) {\n            _vm.queryString = $$v\n          },\n          expression: \"queryString\",\n        },\n      }),\n      _c(\"div\", { staticClass: \"el-section\" }, [\n        _c(\n          \"div\",\n          {\n            staticClass:\n              \"emd-container _highlight_header _header _footer_spaced_sm\",\n          },\n          [\n            _c(\n              \"div\",\n              { staticClass: \"emd-container__header\" },\n              [\n                _c(\"h2\", { staticClass: \"emd-text _size_section\" }, [\n                  _vm._v(_vm._s(_vm.viewTitle)),\n                ]),\n                _vm.showBtnInvite\n                  ? _c(\n                      \"router-link\",\n                      { attrs: { to: { name: _vm.inviteRoute } } },\n                      [\n                        _c(\n                          \"button\",\n                          {\n                            staticClass:\n                              \"emd-btn _color_primary _size_small jsModalOpen\",\n                            attrs: { type: \"buton\" },\n                          },\n                          [\n                            _c(\"i\", { staticClass: \"uil uil-plus\" }),\n                            _vm._v(\n                              \" \" + _vm._s(_vm.$t(\"user.list.btnInvite\")) + \" \"\n                            ),\n                          ]\n                        ),\n                      ]\n                    )\n                  : _vm._e(),\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              { staticClass: \"emd-container__content eu-no-padding\" },\n              [\n                _c(\n                  \"emd-table\",\n                  { attrs: { headers: _vm.tableHeaders, data: _vm.users } },\n                  _vm._l(_vm.users.items, function (user) {\n                    return _c(\"tr\", { key: user.id }, [\n                      _c(\n                        \"td\",\n                        {\n                          attrs: {\n                            \"data-label\": _vm.$t(\"user.list.table.name\"),\n                          },\n                        },\n                        [\n                          _c(\n                            \"span\",\n                            {\n                              staticClass: \"emd-link\",\n                              on: {\n                                click: function ($event) {\n                                  return _vm.goToRoute(user.id)\n                                },\n                              },\n                            },\n                            [\n                              _vm._v(\n                                _vm._s(user.first_name) +\n                                  \" \" +\n                                  _vm._s(user.last_name)\n                              ),\n                            ]\n                          ),\n                        ]\n                      ),\n                      _c(\n                        \"td\",\n                        {\n                          attrs: {\n                            \"data-label\": _vm.$t(\"user.list.table.email\"),\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(user.email) + \" \")]\n                      ),\n                      _c(\n                        \"td\",\n                        {\n                          attrs: {\n                            \"data-label\": _vm.$t(\"user.list.table.permission\"),\n                          },\n                        },\n                        [\n                          _c(\n                            \"span\",\n                            { staticClass: \"emd-text _type_caption\" },\n                            [_vm._v(_vm._s(_vm.getPermission(user)))]\n                          ),\n                        ]\n                      ),\n                      _c(\"td\", { staticClass: \"eu-align_right\" }, [\n                        _c(\n                          \"button\",\n                          {\n                            staticClass: \"emd-btn-ghost\",\n                            attrs: {\n                              title: _vm.$t(\"user.list.table.linkToUser\"),\n                            },\n                            on: {\n                              click: function ($event) {\n                                return _vm.goToRoute(user.id)\n                              },\n                            },\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"uil uil-arrow-to-right\",\n                              attrs: { \"fixed-width\": \"\" },\n                            }),\n                          ]\n                        ),\n                      ]),\n                    ])\n                  }),\n                  0\n                ),\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              { staticClass: \"emd-container__footer\" },\n              [\n                _vm.users\n                  ? _c(\"emd-pagination\", {\n                      attrs: { data: _vm.users, action: _vm.listAction },\n                    })\n                  : _vm._e(),\n              ],\n              1\n            ),\n          ]\n        ),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\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","options","filterOptions","default","queryString","loadingList","action","actionName","model","value","callback","$$v","expression","staticClass","_v","_s","viewTitle","showBtnInvite","to","name","inviteRoute","type","$t","_e","headers","tableHeaders","data","users","_l","items","user","key","id","on","click","$event","goToRoute","first_name","last_name","email","getPermission","title","listAction","staticRenderFns","_withStripped","components","EmdTable","EmdPagination","EmdFilter","props","String","getterName","size","page","computed","$store","getters","param","merchantId","merchantActive","$route","state","permissionIsEnabled","methods","userId","$router","push","params","catch","err","component"],"sourceRoot":""}