{"version":3,"sources":["webpack:///./src/services/AccountService.js","webpack:///./src/views/employees/EmployeeList.vue?0f44","webpack:///src/views/employees/EmployeeList.vue","webpack:///./src/views/employees/EmployeeList.vue?e688","webpack:///./src/views/employees/EmployeeList.vue"],"names":["AccountService","data","accountId","localStorage","getItem","id","putJson","apiURL","postJson","personId","deleteJson","getJson","page","size","render","_vm","this","_h","$createElement","_c","_self","VContainer","staticClass","VToolbar","attrs","_v","_s","$t","VSpacer","VBtn","VDataTable","staticStyle","headers","items","scopedSlots","_u","key","fn","props","item","sameAccountId","VBtnToggle","on","$event","editItem","confirmDeleteItem","_e","VPagination","totalPages","model","value","callback","$$v","expression","ref","deleteItem","staticRenderFns","components","RowButton","ConfirmDialog","confirm","text","sortable","width","align","computed","methods","mapActions","showSnackbar","showErrorSnackbar","catch","console","changePage","pageNumber","mounted","component"],"mappings":"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","file":"js/chunk-4ab3dfd1.66d9efa8.js","sourcesContent":["import {apiURL, getJson, postJson, putJson, deleteJson} from \"./http\";\n\n\nexport default class AccountService {\n    static updateOne(data) {\n        let accountId = localStorage.getItem('accountId');\n\n        if (!!data.id) {\n            return putJson(`${apiURL}/1/accounts/${accountId}/persons/${data.id}`, data);\n        } else {\n            return postJson(`${apiURL}/1/accounts/${accountId}/persons`, data);\n        }\n    }\n\n    static deleteOne(personId) {\n        let accountId = localStorage.getItem('accountId');\n        return deleteJson(`${apiURL}/1/accounts/${accountId}/persons/${personId}`);\n    }\n\n    static getOne(personId) {\n        let accountId = localStorage.getItem('accountId');\n        return getJson(`${apiURL}/1/accounts/${accountId}/persons/${personId}`);\n    }\n\n    static getAll(page, size) {\n        let accountId = localStorage.getItem('accountId');\n        return getJson(`${apiURL}/1/accounts/${accountId}/persons`, `page=${page - 1}&size=${size}`);\n    }\n}","import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VBtnToggle } from 'vuetify/lib/components/VBtnToggle';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarItems } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VContainer,{staticClass:\"ma-5 elevation-2\"},[_c(VToolbar,{attrs:{\"dense\":\"\",\"flat\":\"\"}},[_c(VToolbarTitle,[_vm._v(_vm._s(_vm.$t('employees.title')))]),_c(VSpacer),_c(VToolbarItems,[_c(VBtn,{staticClass:\"table-btn\",attrs:{\"text\":\"\",\"color\":\"primary\",\"to\":\"/employees/new\"}},[_vm._v(_vm._s(_vm.$t('employees.add')))])],1)],1),_c(VDataTable,{staticClass:\"title-header\",staticStyle:{\"width\":\"100%\"},attrs:{\"dense\":\"\",\"hide-default-footer\":\"\",\"no-data-text\":_vm.$t('employees.not_found'),\"headers\":_vm.headers,\"items\":_vm.items},scopedSlots:_vm._u([{key:\"item.btn\",fn:function(props){return [_c('td',{staticClass:\"text-xs-left pa-0\"},[(props.item.id != _vm.sameAccountId)?_c(VBtnToggle,{attrs:{\"color\":\"primary\",\"dense\":\"\",\"group\":\"\"}},[_c('row-button',{attrs:{\"icon\":\"edit\",\"title\":\"employees.edit\"},on:{\"click\":function($event){return _vm.editItem(props.item.id)}}}),_c('row-button',{attrs:{\"icon\":\"delete\",\"title\":\"employees.delete\"},on:{\"click\":function($event){return _vm.confirmDeleteItem(props.item.id)}}})],1):_vm._e()],1)]}}])}),_c(VPagination,{attrs:{\"length\":_vm.totalPages,\"total-visible\":7},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}}),_c('confirm-dialog',{ref:\"confirmDialog\",attrs:{\"title\":\"employees.delete.title\",\"text\":\"employees.delete.confirm\"},on:{\"confirm\":this.deleteItem}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container class=\"ma-5 elevation-2\">\n    <v-toolbar dense flat>\n      <v-toolbar-title>{{ $t('employees.title') }}</v-toolbar-title>\n      <v-spacer></v-spacer>\n      <v-toolbar-items>\n        <v-btn class=\"table-btn\" text color=\"primary\" to=\"/employees/new\">{{ $t('employees.add') }}</v-btn>\n      </v-toolbar-items>\n    </v-toolbar>\n    <v-data-table\n        style=\"width:100%\"\n        dense\n        hide-default-footer\n        :no-data-text=\"$t('employees.not_found')\"\n        class=\"title-header\"\n        :headers=\"headers\"\n        :items=\"items\">\n      <template v-slot:item.btn=\"props\">\n        <td class=\"text-xs-left pa-0\">\n          <v-btn-toggle\n              v-if=\"props.item.id != sameAccountId\"\n              color=\"primary\"\n              dense group>\n            <row-button\n                @click=\"editItem(props.item.id)\"\n                icon=\"edit\"\n                title=\"employees.edit\"\n            ></row-button>\n            <row-button\n                @click=\"confirmDeleteItem(props.item.id)\"\n                icon=\"delete\"\n                title=\"employees.delete\"\n            ></row-button>\n          </v-btn-toggle>\n        </td>\n      </template>\n    </v-data-table>\n    <v-pagination\n        v-model=\"page\"\n        :length=\"totalPages\"\n        :total-visible=\"7\"\n    ></v-pagination>\n    <confirm-dialog ref=\"confirmDialog\"\n                    @confirm=\"this.deleteItem\"\n                    title=\"employees.delete.title\"\n                    text=\"employees.delete.confirm\"></confirm-dialog>\n  </v-container>\n</template>\n\n<script>\nimport ConfirmDialog from '../../components/ConfirmDialog';\nimport RowButton from '../../components/datatable/RowButton';\nimport AccountService from '../../services/AccountService';\nimport {mapActions} from \"vuex\";\n\nexport default {\n  components: {\n    RowButton,\n    ConfirmDialog,\n  },\n  data() {\n    return {\n      confirm: false,\n      sameAccountId: localStorage.getItem('accountId'),\n      headers: [\n        {text: this.$t('employees.name'), value: 'firstName', sortable: false, width: '300px'},\n        {text: this.$t('employees.lastName'), value: 'lastName', sortable: false, width: '300px'},\n        {text: 'Email', value: 'email', sortable: false, width: '200px', align: 'start'},\n        {text: this.$t('employees.phone'), value: 'phone', sortable: false, width: '200px', align: 'start'},\n        {text: ' ', value: 'btn', sortable: false, align: 'end', width: '100px'},\n      ],\n      items: [],\n      page: 1,\n      totalPages: 1,\n      size: 25\n    };\n  },\n  computed: {\n  },\n  methods: {\n    ...mapActions({\n      showSnackbar: 'snackbar/show',\n      showErrorSnackbar: 'snackbar/error',\n    }),\n    editItem(personId) {\n      this.$router.push(`/employees/${personId}`);\n    },\n    deleteItem(personId) {\n      AccountService.deleteOne(personId).then((response) => {\n        this.items = this.items.filter(item => item.id !== personId);\n        this.showSnackbar('employees.delete.success');\n      }).catch((err) => {\n        console.log('server_error', err);\n        this.showErrorSnackbar('server_error');\n      });\n    },\n    confirmDeleteItem(personId) {\n      this.$refs.confirmDialog.show(personId);\n    },\n    changePage(pageNumber) {\n      this.page = Number(pageNumber);\n      AccountService.getAll(this.page, this.sizePage).then((response) => {\n        this.items = response.data.content;\n        this.totalPages = response.data.totalPages;\n      });\n    },\n  },\n  mounted() {\n    AccountService.getAll(this.page, this.size).then((response) => {\n      this.items = response.data.content;\n    });\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmployeeList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-typescript/node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmployeeList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmployeeList.vue?vue&type=template&id=405a5f28&\"\nimport script from \"./EmployeeList.vue?vue&type=script&lang=js&\"\nexport * from \"./EmployeeList.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"],"sourceRoot":""}