{"version":3,"sources":["webpack:///./src/components/Users/Users.vue","webpack:///./src/components/Users/UserTable.vue","webpack:///src/components/Users/UserTable.vue","webpack:///./src/components/Users/UserTable.vue?55b8","webpack:///./src/components/Users/UserTable.vue?7db2","webpack:///./src/components/Users/UserEdit.vue","webpack:///src/components/Users/UserEdit.vue","webpack:///./src/components/Users/UserEdit.vue?2214","webpack:///./src/components/Users/UserEdit.vue?7e5e","webpack:///src/components/Users/Users.vue","webpack:///./src/components/Users/Users.vue?5c03","webpack:///./src/components/Users/Users.vue?c32c","webpack:///./src/components/Users/UserTable.vue?3b42"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","user","_e","attrs","userList","on","onUserEdit","onRemoveUser","ref","modalTitle","handleOk","selectedUser","action","staticRenderFns","count","perPage","model","value","currentPage","callback","$$v","expression","fields","scopedSlots","_u","key","fn","data","$event","preventDefault","editUser","item","id","removeUser","devices","length","name","rows","label","formatter","computed","cnt","props","methods","$emit","confirm","$store","dispatch","then","success","alert","catch","error","component","handleSubmit","apply","arguments","nameState","email","$set","onChange","timeZone","_l","timeZones","displayName","components","mapGetters","users","checkFormValidity","valid","$refs","form","checkValidity","payload","method","getUsers","logged","$router","push","getTimeZones","event","UserTable","UserEdit","newUser","simList","userType","sims","showModal","show","hideModal","hide","bvModalEvt","$nextTick","addUser","find","obj"],"mappings":"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","file":"js/users.1360375c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_c('h2',[_vm._v(_vm._s(_vm.$t('user_settings')))]),(!_vm.user)?_c('h3',[_vm._v(\"You are not logged in!\")]):_vm._e(),_c('UserTable',{staticClass:\"mt-3\",attrs:{\"userList\":_vm.userList},on:{\"editUser\":_vm.onUserEdit,\"removeUser\":_vm.onRemoveUser}}),_c('b-modal',{ref:\"modal-1\",attrs:{\"id\":\"modal-1\",\"title\":_vm.modalTitle},on:{\"ok\":_vm.handleOk}},[_c('UserEdit',{ref:\"edit-user\",attrs:{\"user\":_vm.selectedUser,\"action\":_vm.action}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"d-flex justify-content-end\"},[(_vm.count > 0)?_c('b-pagination',{attrs:{\"total-rows\":_vm.count,\"per-page\":_vm.perPage,\"first-text\":\"<<\",\"prev-text\":\"<\",\"next-text\":\">\",\"last-text\":\">>\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}}):_vm._e()],1),_c('div',{staticClass:\"background-light\"},[_c('b-table',{attrs:{\"small\":\"\",\"currentPage\":_vm.currentPage,\"per-page\":_vm.perPage,\"fields\":_vm.fields,\"items\":_vm.userList,\"head-variant\":\"light\",\"responsive\":\"sm\"},scopedSlots:_vm._u([{key:\"cell(actions)\",fn:function(data){return [_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('b-button-group',[_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"light\"},on:{\"click\":function($event){$event.preventDefault();return _vm.editUser(data.item.id)}}},[_c('b-icon',{attrs:{\"icon\":\"pencil\",\"aria-hidden\":\"true\",\"title\":_vm.$t('edit')}}),_c('span',{staticClass:\"d-none d-xl-inline\"},[_vm._v(\" \"+_vm._s(_vm.$t('edit'))+\" \")])],1),_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"light\"},on:{\"click\":function($event){$event.preventDefault();return _vm.removeUser(data.item.id)}}},[_c('b-icon',{attrs:{\"icon\":\"trash-fill\",\"aria-hidden\":\"true\",\"title\":_vm.$t('delete')}}),_c('span',{staticClass:\"d-none d-xl-inline\"},[_vm._v(\" \"+_vm._s(_vm.$t('delete')))])],1)],1)],1)]}},{key:\"cell(devCount)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.item.devices.length)+\" \")]}},{key:\"cell()\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\" \")]}}])})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"d-flex justify-content-end\">\r\n            <b-pagination\r\n                v-if=\"count > 0\"\r\n                v-model=\"currentPage\"\r\n                :total-rows=\"count\"\r\n                :per-page=\"perPage\"\r\n                first-text=\"<<\"\r\n                prev-text=\"<\"\r\n                next-text=\">\"\r\n                last-text=\">>\"\r\n            ></b-pagination>\r\n        </div>\r\n\r\n    <div class=\"background-light\">\r\n        <b-table small \r\n            :currentPage=\"currentPage\"\r\n            :per-page=\"perPage\"\r\n            :fields=\"fields\" \r\n            :items=\"userList\" \r\n            \r\n            head-variant=\"light\" \r\n            responsive=\"sm\" \r\n            >\r\n            <template #cell(actions)=\"data\">\r\n                <div class=\"d-flex justify-content-end\">\r\n                <b-button-group  >\r\n                    <b-button size=\"sm\" variant=\"light\" @click.prevent=\"editUser(data.item.id)\">\r\n                        <b-icon icon=\"pencil\" aria-hidden=\"true\" :title=\"$t('edit')\"></b-icon>\r\n                        <span class=\"d-none d-xl-inline\"> {{$t('edit')}} </span>\r\n                    </b-button>\r\n                    <b-button size=\"sm\" variant=\"light\" @click.prevent=\"removeUser(data.item.id)\">\r\n                        <b-icon icon=\"trash-fill\" aria-hidden=\"true\" :title=\"$t('delete')\"></b-icon>\r\n                        <span class=\"d-none d-xl-inline\"> {{$t('delete')}}</span>\r\n                    </b-button>\r\n                    <!--<b-dropdown size=\"sm\" variant=\"light\" right text=\"Split Menu\">\r\n                        <template #button-content>\r\n                            <b-icon icon=\"three-dots-vertical\" title=\"Actions\"/>\r\n                        </template>\r\n                        <b-dropdown-item>Item 1</b-dropdown-item>\r\n                        <b-dropdown-item>Item 2</b-dropdown-item>\r\n                        <b-dropdown-divider></b-dropdown-divider>\r\n                        <b-dropdown-item>Item 3</b-dropdown-item>\r\n                    </b-dropdown>-->\r\n                </b-button-group>\r\n                </div>\r\n            </template>\r\n            <template #cell(devCount)=\"data\">\r\n                {{ data.item.devices.length }}\r\n            </template>\r\n            <!-- Optional default data cell scoped slot -->\r\n            <template #cell()=\"data\">\r\n                {{ data.value }}\r\n            </template>\r\n        </b-table>\r\n    </div> \r\n    </div>   \r\n</template>\r\n\r\n<script>\r\n//head-variant=\"light\" striped\r\n//            table-variant=\"light\" \r\n\r\n//        <b-form-select id=\"user\" v-model=\"selected\" :options=\"userList\"></b-form-select>\r\n\r\nexport default {\r\n    name: 'UserList',\r\n    data() {\r\n      return {\r\n        currentPage: 1, \r\n        perPage: 20,\r\n        rows: 0, \r\n        fields: [\r\n            'id',\r\n            { \r\n                key: 'email', \r\n                label: this.$t('email') \r\n            },\r\n            { \r\n                key: 'userRole', \r\n                label: this.$t('role') \r\n            },\r\n            { \r\n                key: 'isConfirmed', \r\n                label: this.$t('confirmed'), \r\n                formatter: value => {\r\n                    return value ? this.$t('yes'):this.$t('no')\r\n                }\r\n            },\r\n            { \r\n                key: 'devCount', \r\n                label: this.$t('num_of_devices'), \r\n            },\r\n            { \r\n                key: 'actions', \r\n                label: '' \r\n            }\r\n        ],\r\n      }\r\n    },\r\n    computed: {\r\n        count(){\r\n            var cnt\r\n            if (this.userList)\r\n                cnt = this.userList.length\r\n            else\r\n                cnt = 0        \r\n            console.log('userList count', cnt)    \r\n            return cnt\r\n        },\r\n    },\r\n    props: ['userList'],\r\n    methods: {\r\n        editUser(id) {\r\n            console.log('edit user',id)\r\n            //console.log(event.target.value)\r\n            this.$emit('editUser',id)\r\n            //alert('Edit user id:'+id + ' not implemented')\r\n        },\r\n        removeUser(id){\r\n            console.log('Remove user',id)\r\n            //this.$emit('removeUser',id)\r\n            if (id) {\r\n                if (confirm(this.$t('user_remove_q',{id:id}))) {\r\n                    this.$store.dispatch(\"delete_user\", id)\r\n                    .then(success => {\r\n                        console.log(success)\r\n                        alert(this.$t('user_deleted'))\r\n                    })\r\n                    .catch(error => {\r\n                        console.log(error)\r\n                        alert(error)\r\n                        //this.error = 'Invalid username/password!'\r\n                    })\r\n                }\r\n            }\r\n        }\r\n        /*onChange(event) {\r\n            console.log(event)\r\n            //console.log(event.target.value)\r\n            this.$emit('userSelected',event)\r\n        }*/\r\n    }    \r\n}\r\n</script>\r\n<style>\r\n  .action-block-col {\r\n    display: inline-block;\r\n  }\r\n</style>","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!./UserTable.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!./UserTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserTable.vue?vue&type=template&id=383a6dc6\"\nimport script from \"./UserTable.vue?vue&type=script&lang=js\"\nexport * from \"./UserTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./UserTable.vue?vue&type=style&index=0&id=383a6dc6&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('form',{ref:\"form\",on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmit.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('email'),\"label-for\":\"email-input\",\"invalid-feedback\":_vm.$t('email_required'),\"state\":_vm.nameState}},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('user_email'),\"required\":\"\"},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1),_c('b-form-group',{attrs:{\"label\":_vm.$t('timezone'),\"label-for\":\"timezone-input\",\"invalid-feedback\":_vm.$t('timezone_required'),\"state\":_vm.nameState}},[_c('b-form-select',{attrs:{\"id\":\"timeZone\",\"name\":\"timeZones\"},on:{\"change\":function($event){return _vm.onChange($event)}},model:{value:(_vm.user.timeZone),callback:function ($$v) {_vm.$set(_vm.user, \"timeZone\", $$v)},expression:\"user.timeZone\"}},[_c('b-form-select-option',{attrs:{\"value\":null,\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('select_timezone')))]),_vm._l((_vm.timeZones),function(timeZone){return _c('b-form-select-option',{key:timeZone.id,attrs:{\"value\":timeZone.id}},[_vm._v(_vm._s(timeZone.displayName)+\" (\"+_vm._s(timeZone.id)+\")\")])})],2)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <form ref=\"form\" @submit.prevent=\"handleSubmit\">\r\n            <b-form-group\r\n                :label=\"$t('email')\"\r\n                label-for=\"email-input\"\r\n                :invalid-feedback=\"$t('email_required')\"\r\n                :state=\"nameState\"\r\n                >\r\n            \r\n                <b-form-input type=\"text\" class=\"form-control\" v-model=\"user.email\" :placeholder=\"$t('user_email')\" required/>\r\n            </b-form-group>\r\n\r\n            <b-form-group\r\n                :label=\"$t('timezone')\"\r\n                label-for=\"timezone-input\"\r\n                :invalid-feedback=\"$t('timezone_required')\"\r\n                :state=\"nameState\"\r\n                >\r\n            \r\n                <b-form-select id=\"timeZone\" name=\"timeZones\" v-model=\"user.timeZone\" @change=\"onChange($event)\">\r\n                    <b-form-select-option :value=\"null\" disabled>{{$t('select_timezone')}}</b-form-select-option>\r\n                    <b-form-select-option :value=\"timeZone.id\" v-for=\"timeZone in timeZones\" :key=\"timeZone.id\">{{timeZone.displayName}} ({{timeZone.id}})</b-form-select-option>\r\n                </b-form-select>\r\n            </b-form-group>\r\n\r\n        </form>\r\n    </div>\r\n</template>\r\n<script>\r\n/*<h3 v-if=\"action == 'add'\">Add User</h3>\r\n  <h3 v-else>Edit User</h3>\r\n<b-button type=\"submit\" variant=\"primary\">Submit</b-button>*/\r\n//<h3 v-if=\"!user\">You are not logged in!</h3>\r\n//<h3 v-if=\"user\">{{count}}</h3>\r\n//<UserList :userList=\"users\" v-on:userSelected=\"onUserSelected\"/>\r\n\r\nimport {mapGetters} from 'vuex'\r\nexport default {\r\n    name: 'UserEdit',\r\n    components: {\r\n    },\r\n    data() {\r\n        return {\r\n            selectedUser: null,\r\n            name:'',\r\n            nameState: null,\r\n            \r\n        }\r\n    },\r\n    props: [\r\n        'user',\r\n        'action'\r\n        ],\r\n    computed: {\r\n        //...mapGetters(['user']),\r\n        ...mapGetters(['timeZones']),\r\n        count(){\r\n            return this.users.length\r\n        }\r\n    },\r\n    methods: {\r\n        checkFormValidity() {\r\n            const valid = this.$refs.form.checkValidity()\r\n            this.nameState = valid\r\n            return valid\r\n        },\r\n        handleSubmit() {\r\n            if (!this.checkFormValidity()) {\r\n                return false\r\n            }\r\n            \r\n            var payload = {\r\n                //name: this.user.name,\r\n                //userType: this.user.userType\r\n                timeZone: this.user.timeZone,\r\n                email: this.user.email\r\n\r\n            }\r\n            if (this.action == 'add') {\r\n                var method = 'create_user'\r\n            } else {\r\n                method = 'update_user'\r\n                payload.id = this.user.id\r\n//                console.log('Cannot update user')\r\n                //return true\r\n            }\r\n            this.nameState = null\r\n            console.log('user submit payload', payload, method)\r\n            this.$store.dispatch(method, payload)\r\n            .then(success => {\r\n                console.log(success)\r\n                if (method == 'create_user')\r\n                    alert(this.$t('user_added'))\r\n                else     \r\n                    alert(this.$t('user_updated'))\r\n                //this.$router.push(\"/\")\r\n            })\r\n            .catch(error => {\r\n                console.log(error)\r\n                alert(error)\r\n                //this.error = 'Invalid username/password!'\r\n            })\r\n            return true\r\n        },\r\n        \r\n        \r\n        getUsers(){\r\n            this.$store.dispatch(\"get_user_list\")\r\n            .then(success => {\r\n                console.log('loaded user data', success)\r\n                //this.$router.push(\"/\")\r\n                this.$store.dispatch('set_user', {email:'',logged:true})\r\n            })\r\n            .catch(error => {\r\n                console.log('failed to load user data', error)\r\n                this.$router.push('/login')\r\n                //this.error = true;\r\n            })\r\n        },\r\n        getTimeZones(){\r\n            this.$store.dispatch(\"get_timezones\")\r\n            .then(success => {\r\n                console.log('loaded timezones', success)\r\n            })\r\n            .catch(error => {\r\n                console.log('failed to load timezones', error)\r\n            })\r\n        },\r\n        onChange(event){\r\n            console.log(event)\r\n        }\r\n    },\r\n    async created() {\r\n            this.getTimeZones()\r\n        }\r\n}\r\n</script>\r\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!./UserEdit.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!./UserEdit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserEdit.vue?vue&type=template&id=7c0a3fdc\"\nimport script from \"./UserEdit.vue?vue&type=script&lang=js\"\nexport * from \"./UserEdit.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","<template>\r\n    <div class=\"content\">\r\n        <h2>{{$t('user_settings')}}</h2>\r\n        <h3 v-if=\"!user\">You are not logged in!</h3>\r\n        <!--<b-button class=\"mt-3\" @click.prevent=\"addUser\" variant=\"light\">Add new user</b-button>-->\r\n        <UserTable class=\"mt-3\" :userList=\"userList\" @editUser=\"onUserEdit\" @removeUser=\"onRemoveUser\"/>\r\n        <!--<UserList class=\"mt-2\" :userList=\"userList\" @editUser=\"onUserEdit\" @removeUser=\"onRemoveUser\"/>-->\r\n        <b-modal ref=\"modal-1\" id=\"modal-1\" :title=\"modalTitle\" @ok=\"handleOk\"> \r\n           <UserEdit ref=\"edit-user\" :user=\"selectedUser\" :action=\"action\"/> \r\n        </b-modal>\r\n        \r\n    </div>\r\n</template>\r\n<script>\r\nimport {mapGetters} from 'vuex'\r\n//import UserList from './UserList.vue'\r\nimport UserTable from './UserTable.vue'\r\nimport UserEdit from './UserEdit.vue'\r\n\r\nexport default {\r\n    name: 'UserSetup',\r\n    components: {\r\n        //UserList,\r\n        UserTable,\r\n        UserEdit\r\n    },\r\n    data() {\r\n        return {\r\n            //users: [],\r\n            selectedUser: this.newUser(),\r\n            simList: [],\r\n            action: 'add',\r\n            name:'',\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters(['user']),\r\n        ...mapGetters(['userList']),\r\n        count(){\r\n            return this.users.length\r\n        },\r\n        modalTitle(){\r\n            return (this.action == 'add')?this.$t('add_user'):this.$t('edit_user')\r\n        }\r\n    },\r\n    methods: {\r\n        newUser() {\r\n            return {\r\n                name:'',\r\n                userType: 0,\r\n                sims:[],\r\n            }\r\n        },\r\n        showModal() {\r\n            this.$refs['modal-1'].show()\r\n        },\r\n        hideModal() {\r\n            this.$refs['modal-1'].hide()\r\n        },\r\n        handleOk(bvModalEvt){\r\n            // Prevent modal from closing\r\n            bvModalEvt.preventDefault()\r\n            // Trigger submit handler\r\n            if (this.$refs['edit-user'].handleSubmit()) {\r\n                this.$nextTick(() => {\r\n                    this.hideModal()\r\n        })\r\n            }\r\n        },\r\n        addUser(){\r\n            this.action = 'add'\r\n            this.selectedUser = this.newUser()\r\n            //this.$store.dispatch(\"clear_sim_list\")\r\n            this.showModal()\r\n        },\r\n        onUserEdit: function (id) {\r\n            console.log(id)\r\n            //this.$data.selectedUser = id\r\n            var user = this.userList.find(obj => obj.id == id)\r\n            if (user) {\r\n                this.selectedUser = user\r\n                this.action = 'edit'\r\n                console.log('user to edit', user)\r\n                /*this.$store.dispatch(\"get_sim_list\", id)\r\n                .then(success => {\r\n                    console.log(success)\r\n                    //alert('success')\r\n                    this.showModal()\r\n                    //this.$router.push(\"/\")\r\n                })\r\n                .catch(error => {\r\n                    console.log(error)\r\n                    alert(error)\r\n                    //this.error = 'Invalid username/password!'\r\n                })*/\r\n                this.showModal()\r\n            }\r\n        },\r\n        onRemoveUser: function (id) {\r\n            console.log(id)\r\n            //this.$data.selectedUser = id\r\n            if (id) {\r\n                this.$store.dispatch(\"delete_user\", id)\r\n                .then(success => {\r\n                    console.log(success)\r\n                    //alert('success')\r\n                    alert(this.$t('user_deleted'))\r\n                    //this.$router.push(\"/\")\r\n                })\r\n                .catch(error => {\r\n                    console.log(error)\r\n                    alert(error)\r\n                    //this.error = 'Invalid username/password!'\r\n                })\r\n            }\r\n        },\r\n        handleSubmit() {\r\n            this.$store.dispatch(\"create_user\", {\r\n                name: this.name,\r\n                //userType: this.userType\r\n            })\r\n            .then(success => {\r\n                console.log(success)\r\n                this.getUsers()\r\n                alert(this.$t('user_created'))\r\n                //this.$router.push(\"/\")\r\n            })\r\n            .catch(error => {\r\n                console.log(error)\r\n                alert(error)\r\n                //this.error = 'Invalid username/password!'\r\n            })\r\n        },\r\n        /*onUserSelected: function (id) {\r\n            console.log(id)\r\n            //this.$data.selectedUser = id\r\n            this.loadUserDetails(id)\r\n        },\r\n        async loadUserDetails(id){\r\n            try {\r\n                const response = await axios.get('Sensor/DataByUserId/'+id)\r\n                console.log(response);\r\n                this.$data.selectedUser = id\r\n                this.$data.sensorData = response.data\r\n                console.log('sensorData:', response.data)\r\n                //localStorage.setItem('token', response.data.token)\r\n                //this.$store.dispatch('user', {email:'',logged:true})\r\n                //this.$router.push('/')\r\n            } catch (e) {\r\n                this.$router.push('/login')\r\n                //this.error = 'Invalid username/password!'\r\n            }\r\n\r\n        }*/\r\n        getUsers(){\r\n            this.$store.dispatch(\"get_user_list\")\r\n            .then(success => {\r\n                console.log('loaded user data', success)\r\n                //this.$router.push(\"/\")\r\n                //this.$store.dispatch('set_user', {email:'',logged:true})\r\n            })\r\n            .catch(error => {\r\n                console.log('failed to load user data', error)\r\n                this.$router.push('/login')\r\n                //this.error = true;\r\n            })\r\n        }\r\n    },\r\n    async created() {\r\n            this.getUsers()\r\n            /*try {\r\n                const response = await axios.get('user')\r\n                console.log(response);\r\n                this.$data.users = response.data\r\n                //localStorage.setItem('token', response.data.token)\r\n                this.$store.dispatch('set_user', {email:'',logged:true})\r\n                //this.$router.push('/')\r\n            } catch (e) {\r\n                this.$router.push('/login')\r\n                //this.error = 'Invalid username/password!'\r\n            }*/\r\n        }\r\n}\r\n</script>\r\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!./Users.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!./Users.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Users.vue?vue&type=template&id=1a1c3cd6\"\nimport script from \"./Users.vue?vue&type=script&lang=js\"\nexport * from \"./Users.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","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!./UserTable.vue?vue&type=style&index=0&id=383a6dc6&prod&lang=css\""],"sourceRoot":""}