/home/henzagold/admin_report/js/

File Upload :
llllll

Current File: /home/henzagold/admin_report/js/chunk-f089335e.66245917.js.map
{"version":3,"sources":["webpack:///./src/views/apps/user/UserView.vue?641a","webpack:///./src/store/user-management/moduleUserManagementState.js","webpack:///./src/store/user-management/moduleUserManagementMutations.js","webpack:///./src/store/user-management/moduleUserManagementActions.js","webpack:///./src/store/user-management/moduleUserManagementGetters.js","webpack:///./src/store/user-management/moduleUserManagement.js","webpack:///./src/views/apps/user/UserView.vue","webpack:///src/views/apps/user/UserView.vue","webpack:///./src/views/apps/user/UserView.vue?92ca","webpack:///./src/views/apps/user/UserView.vue?05cc"],"names":["users","SET_USERS","state","REMOVE_RECORD","itemId","userIndex","findIndex","u","id","splice","fetchUsers","commit","Promise","resolve","reject","axios","get","then","response","data","catch","error","fetchUser","context","userId","removeRecord","delete","isRegistered","namespaced","mutations","actions","getters","render","_vm","this","_c","_self","attrs","user_not_found","on","$event","_v","_s","$route","params","staticClass","name","user_data","avatar","username","email","status","role","company","confirmDeleteRecord","dob","mobile","website","languages_known","join","gender","contact_options","social_links","twitter","facebook","instagram","github","codepen","slack","_l","heading","key","permissions","val","permission","model","value","callback","$$v","$set","expression","_e","staticRenderFns","computed","userAddress","str","methods","type","color","title","text","accept","acceptText","deleteRecord","showDeleteSuccess","created","moduleUserManagement","console","component"],"mappings":"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","file":"js/chunk-f089335e.66245917.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserView.vue?vue&type=style&index=0&id=e6dae17e&prod&lang=scss&\"","/*=========================================================================================\r\n File Name: moduleCalendarState.js\r\n Description: Calendar Module State\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\nexport default {\r\n users: []\r\n}\r\n","/*=========================================================================================\r\n File Name: moduleCalendarMutations.js\r\n Description: Calendar Module Mutations\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n SET_USERS (state, users) {\r\n state.users = users\r\n },\r\n REMOVE_RECORD (state, itemId) {\r\n const userIndex = state.users.findIndex((u) => u.id === itemId)\r\n state.users.splice(userIndex, 1)\r\n }\r\n}\r\n","/*=========================================================================================\r\n File Name: moduleCalendarActions.js\r\n Description: Calendar Module Actions\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\nimport axios from '@/axios.js'\r\n\r\nexport default {\r\n // addItem({ commit }, item) {\r\n // return new Promise((resolve, reject) => {\r\n // axios.post(\"/api/data-list/products/\", {item: item})\r\n // .then((response) => {\r\n // commit('ADD_ITEM', Object.assign(item, {id: response.data.id}))\r\n // resolve(response)\r\n // })\r\n // .catch((error) => { reject(error) })\r\n // })\r\n // },\r\n fetchUsers({ commit }) {\r\n return new Promise((resolve, reject) => {\r\n axios.get('/api/user-management/users')\r\n .then((response) => {\r\n commit('SET_USERS', response.data)\r\n resolve(response)\r\n })\r\n .catch((error) => { reject(error) })\r\n })\r\n },\r\n // fetchUser (context, userId) {\r\n // return new Promise((resolve, reject) => {\r\n // axios.get(`/api/user-management/users/${userId}`)\r\n // .then((response) => {\r\n // resolve(response)\r\n // })\r\n // .catch((error) => { reject(error) })\r\n // })\r\n // },\r\n fetchUser(context, userId) {\r\n return new Promise((resolve, reject) => {\r\n axios.get(`user/profile/${userId}`)\r\n .then((response) => {\r\n resolve(response)\r\n })\r\n .catch((error) => { reject(error) })\r\n })\r\n },\r\n removeRecord({ commit }, userId) {\r\n return new Promise((resolve, reject) => {\r\n axios.delete(`/api/user-management/users/${userId}`)\r\n .then((response) => {\r\n commit('REMOVE_RECORD', userId)\r\n resolve(response)\r\n })\r\n .catch((error) => { reject(error) })\r\n })\r\n }\r\n}\r\n","/*=========================================================================================\r\n File Name: moduleCalendarGetters.js\r\n Description: Calendar Module Getters\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {}\r\n","/*=========================================================================================\r\n File Name: moduleUserManagement.js\r\n Description: Calendar Module\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nimport state from './moduleUserManagementState.js'\r\nimport mutations from './moduleUserManagementMutations.js'\r\nimport actions from './moduleUserManagementActions.js'\r\nimport getters from './moduleUserManagementGetters.js'\r\n\r\nexport default {\r\n isRegistered: false,\r\n namespaced: true,\r\n state,\r\n mutations,\r\n actions,\r\n getters\r\n}\r\n\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"page-user-view\"}},[_c('vs-alert',{attrs:{\"color\":\"danger\",\"title\":\"User Not Found\",\"active\":_vm.user_not_found},on:{\"update:active\":function($event){_vm.user_not_found=$event}}},[_c('span',[_vm._v(\"User record with id: \"+_vm._s(_vm.$route.params.userId)+\" not found. \")]),_c('span',[_c('span',[_vm._v(\"Check \")]),_c('router-link',{staticClass:\"text-inherit underline\",attrs:{\"to\":{name:'page-user-list'}}},[_vm._v(\"All Users\")])],1)]),(_vm.user_data)?_c('div',{attrs:{\"id\":\"user-data\"}},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Account\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col\",attrs:{\"id\":\"avatar-col\"}},[_c('div',{staticClass:\"img-container mb-4\"},[_c('img',{staticClass:\"rounded w-full\",attrs:{\"src\":_vm.user_data.avatar}})])]),_c('div',{staticClass:\"vx-col flex-1\",attrs:{\"id\":\"account-info-col-1\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Username\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.username))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Name\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.name))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Email\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.email))])])])]),_c('div',{staticClass:\"vx-col flex-1\",attrs:{\"id\":\"account-info-col-2\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Status\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.status))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Role\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.role))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Company\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.company))])])])]),_c('div',{staticClass:\"vx-col w-full flex\",attrs:{\"id\":\"account-manage-buttons\"}},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit\"}},[_vm._v(\"Edit\")]),_c('vs-button',{attrs:{\"type\":\"border\",\"color\":\"danger\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\"},on:{\"click\":_vm.confirmDeleteRecord}},[_vm._v(\"Delete\")])],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Information\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Birth Date\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.dob))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Mobile\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.mobile))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Website\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.website))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Languages\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.languages_known.join(\", \")))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Gender\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.gender))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Contact\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.contact_options.join(\", \")))])])])])],1),_c('div',{staticClass:\"vx-col lg:w-1/2 w-full\"},[_c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":\"Social Links\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Twitter\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.twitter))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Facebook\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.facebook))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Instagram\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.instagram))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Github\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.github))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"CodePen\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.codepen))])]),_c('tr',[_c('td',{staticClass:\"font-semibold\"},[_vm._v(\"Slack\")]),_c('td',[_vm._v(_vm._s(_vm.user_data.social_links.slack))])])])])],1)]),_c('vx-card',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex items-end px-3\"},[_c('feather-icon',{staticClass:\"mr-2\",attrs:{\"svgClasses\":\"w-6 h-6\",\"icon\":\"LockIcon\"}}),_c('span',{staticClass:\"font-medium text-lg leading-none\"},[_vm._v(\"Permissions\")])],1),_c('vs-divider')],1)]),_c('div',{staticClass:\"block overflow-x-auto\"},[_c('table',{staticClass:\"w-full permissions-table\"},[_c('tr',_vm._l((['Module', 'Read', 'Write', 'Create', 'Delete']),function(heading){return _c('th',{key:heading,staticClass:\"font-semibold text-base text-left px-3 py-2\"},[_vm._v(_vm._s(heading))])}),0),_vm._l((_vm.user_data.permissions),function(val,name){return _c('tr',{key:name},[_c('td',{staticClass:\"px-3 py-2\"},[_vm._v(_vm._s(name))]),_vm._l((val),function(permission,name){return _c('td',{key:name+permission,staticClass:\"px-3 py-2\"},[_c('vs-checkbox',{staticClass:\"pointer-events-none\",model:{value:(val[name]),callback:function ($$v) {_vm.$set(val, name, $$v)},expression:\"val[name]\"}})],1)})],2)})],2)])])],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n File Name: UserView.vue\r\n Description: User View page\r\n ----------------------------------------------------------------------------------------\r\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n Author: Pixinvent\r\n Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n <div id=\"page-user-view\">\r\n\r\n <vs-alert color=\"danger\" title=\"User Not Found\" :active.sync=\"user_not_found\">\r\n <span>User record with id: {{ $route.params.userId }} not found. </span>\r\n <span>\r\n <span>Check </span><router-link :to=\"{name:'page-user-list'}\" class=\"text-inherit underline\">All Users</router-link>\r\n </span>\r\n </vs-alert>\r\n\r\n <div id=\"user-data\" v-if=\"user_data\">\r\n\r\n <vx-card title=\"Account\" class=\"mb-base\">\r\n\r\n <!-- Avatar -->\r\n <div class=\"vx-row\">\r\n\r\n <!-- Avatar Col -->\r\n <div class=\"vx-col\" id=\"avatar-col\">\r\n <div class=\"img-container mb-4\">\r\n <img :src=\"user_data.avatar\" class=\"rounded w-full\" />\r\n </div>\r\n </div>\r\n\r\n <!-- Information - Col 1 -->\r\n <div class=\"vx-col flex-1\" id=\"account-info-col-1\">\r\n <table>\r\n <tr>\r\n <td class=\"font-semibold\">Username</td>\r\n <td>{{ user_data.username }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Name</td>\r\n <td>{{ user_data.name }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Email</td>\r\n <td>{{ user_data.email }}</td>\r\n </tr>\r\n </table>\r\n </div>\r\n <!-- /Information - Col 1 -->\r\n\r\n <!-- Information - Col 2 -->\r\n <div class=\"vx-col flex-1\" id=\"account-info-col-2\">\r\n <table>\r\n <tr>\r\n <td class=\"font-semibold\">Status</td>\r\n <td>{{ user_data.status }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Role</td>\r\n <td>{{ user_data.role }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Company</td>\r\n <td>{{ user_data.company }}</td>\r\n </tr>\r\n </table>\r\n </div>\r\n <!-- /Information - Col 2 -->\r\n <div class=\"vx-col w-full flex\" id=\"account-manage-buttons\">\r\n <vs-button icon-pack=\"feather\" icon=\"icon-edit\" class=\"mr-4\">Edit</vs-button>\r\n <vs-button type=\"border\" color=\"danger\" icon-pack=\"feather\" icon=\"icon-trash\" @click=\"confirmDeleteRecord\">Delete</vs-button>\r\n </div>\r\n\r\n </div>\r\n\r\n </vx-card>\r\n\r\n <div class=\"vx-row\">\r\n <div class=\"vx-col lg:w-1/2 w-full\">\r\n <vx-card title=\"Information\" class=\"mb-base\">\r\n <table>\r\n <tr>\r\n <td class=\"font-semibold\">Birth Date</td>\r\n <td>{{ user_data.dob }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Mobile</td>\r\n <td>{{ user_data.mobile }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Website</td>\r\n <td>{{ user_data.website }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Languages</td>\r\n <td>{{ user_data.languages_known.join(\", \") }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Gender</td>\r\n <td>{{ user_data.gender }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Contact</td>\r\n <td>{{ user_data.contact_options.join(\", \") }}</td>\r\n </tr>\r\n </table>\r\n </vx-card>\r\n </div>\r\n\r\n <div class=\"vx-col lg:w-1/2 w-full\">\r\n <vx-card title=\"Social Links\" class=\"mb-base\">\r\n <table>\r\n <tr>\r\n <td class=\"font-semibold\">Twitter</td>\r\n <td>{{ user_data.social_links.twitter }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Facebook</td>\r\n <td>{{ user_data.social_links.facebook }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Instagram</td>\r\n <td>{{ user_data.social_links.instagram }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Github</td>\r\n <td>{{ user_data.social_links.github }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">CodePen</td>\r\n <td>{{ user_data.social_links.codepen }}</td>\r\n </tr>\r\n <tr>\r\n <td class=\"font-semibold\">Slack</td>\r\n <td>{{ user_data.social_links.slack }}</td>\r\n </tr>\r\n </table>\r\n </vx-card>\r\n </div>\r\n </div>\r\n\r\n <!-- Permissions -->\r\n <vx-card>\r\n\r\n <div class=\"vx-row\">\r\n <div class=\"vx-col w-full\">\r\n <div class=\"flex items-end px-3\">\r\n <feather-icon svgClasses=\"w-6 h-6\" icon=\"LockIcon\" class=\"mr-2\" />\r\n <span class=\"font-medium text-lg leading-none\">Permissions</span>\r\n </div>\r\n <vs-divider />\r\n </div>\r\n </div>\r\n\r\n <div class=\"block overflow-x-auto\">\r\n <table class=\"w-full permissions-table\">\r\n <tr>\r\n <!--\r\n You can also use `Object.keys(Object.values(data_local.permissions)[0])` this logic if you consider,\r\n our data structure. You just have to loop over above variable to get table headers.\r\n Below we made it simple. So, everyone can understand.\r\n -->\r\n <th class=\"font-semibold text-base text-left px-3 py-2\" v-for=\"heading in ['Module', 'Read', 'Write', 'Create', 'Delete']\" :key=\"heading\">{{ heading }}</th>\r\n </tr>\r\n\r\n <tr v-for=\"(val, name) in user_data.permissions\" :key=\"name\">\r\n <td class=\"px-3 py-2\">{{ name }}</td>\r\n <td v-for=\"(permission, name) in val\" class=\"px-3 py-2\" :key=\"name+permission\">\r\n <vs-checkbox v-model=\"val[name]\" class=\"pointer-events-none\" />\r\n </td>\r\n </tr>\r\n </table>\r\n </div>\r\n\r\n </vx-card>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport moduleUserManagement from '@/store/user-management/moduleUserManagement.js'\r\n\r\nexport default {\r\n data () {\r\n return {\r\n user_data: null,\r\n user_not_found: false\r\n }\r\n },\r\n computed: {\r\n userAddress () {\r\n let str = ''\r\n for (const field in this.user_data.location) {\r\n str += `${field } `\r\n }\r\n return str\r\n }\r\n },\r\n methods: {\r\n confirmDeleteRecord () {\r\n this.$vs.dialog({\r\n type: 'confirm',\r\n color: 'danger',\r\n title: 'Confirm Delete',\r\n text: `You are about to delete \"${this.user_data.username}\"`,\r\n accept: this.deleteRecord,\r\n acceptText: 'Delete'\r\n })\r\n },\r\n deleteRecord () {\r\n /* Below two lines are just for demo purpose */\r\n this.$router.push({name:'app-user-list'})\r\n this.showDeleteSuccess()\r\n\r\n /* UnComment below lines for enabling true flow if deleting user */\r\n // this.$store.dispatch(\"userManagement/removeRecord\", this.user_data.id)\r\n // .then(() => { this.$router.push({name:'app-user-list'}); this.showDeleteSuccess() })\r\n // .catch(err => { console.error(err) })\r\n },\r\n showDeleteSuccess () {\r\n this.$vs.notify({\r\n color: 'success',\r\n title: 'User Deleted',\r\n text: 'The selected user was successfully deleted'\r\n })\r\n }\r\n },\r\n created () {\r\n // Register Module UserManagement Module\r\n if (!moduleUserManagement.isRegistered) {\r\n this.$store.registerModule('userManagement', moduleUserManagement)\r\n moduleUserManagement.isRegistered = true\r\n }\r\n\r\n const userId = this.$route.params.userId\r\n this.$store.dispatch('userManagement/fetchUser', userId)\r\n .then(res => { this.user_data = res.data })\r\n .catch(err => {\r\n if (err.response.status === 404) {\r\n this.user_not_found = true\r\n return\r\n }\r\n console.error(err)\r\n })\r\n }\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#avatar-col {\r\n width: 10rem;\r\n}\r\n\r\n#page-user-view {\r\n table {\r\n td {\r\n vertical-align: top;\r\n min-width: 140px;\r\n padding-bottom: .8rem;\r\n word-break: break-all;\r\n }\r\n\r\n &:not(.permissions-table) {\r\n td {\r\n @media screen and (max-width:370px) {\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// #account-info-col-1 {\r\n// // flex-grow: 1;\r\n// width: 30rem !important;\r\n// @media screen and (min-width:1200px) {\r\n// & {\r\n// flex-grow: unset !important;\r\n// }\r\n// }\r\n// }\r\n\r\n\r\n@media screen and (min-width:1201px) and (max-width:1211px),\r\nonly screen and (min-width:636px) and (max-width:991px) {\r\n #account-info-col-1 {\r\n width: calc(100% - 12rem) !important;\r\n }\r\n\r\n // #account-manage-buttons {\r\n // width: 12rem !important;\r\n // flex-direction: column;\r\n\r\n // > button {\r\n // margin-right: 0 !important;\r\n // margin-bottom: 1rem;\r\n // }\r\n // }\r\n\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserView.vue?vue&type=template&id=e6dae17e&\"\nimport script from \"./UserView.vue?vue&type=script&lang=js&\"\nexport * from \"./UserView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserView.vue?vue&type=style&index=0&id=e6dae17e&prod&lang=scss&\"\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":""}

Copyright ©2k19 - Hexid | Tex7ure