{"version":3,"sources":["webpack:///./src/components/UserManagement.vue?5267","webpack:///src/components/UserManagement.vue","webpack:///./src/components/UserManagement.vue?6d4f","webpack:///./src/components/UserManagement.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","model","value","callback","$$v","search","expression","permission_list","filter_permission","_s","summary_title","summary_value","user_headers","filterUserDataList","dataTableLoading","scopedSlots","_u","key","fn","ref","item","userDataList","indexOf","on","_g","id","permission","_l","index","$event","changeUserPermission","editDetail","deleteUser","dialog","radio","rule_etc","etc_title","_e","nameRules","firstname","lnameRules","lastname","editName","staticRenderFns","data","header_token","headers","mode","user_index","editIndex","user_dialog","computed","filter","created","getUserList","getPermissionList","methods","tmp_permissionId","axios","title","$refs","form","validate","prefix","$swal","fire","icon","showConfirmButton","timer","close","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDataTable","VDialog","VDivider","VForm","VIcon","VList","VListItem","VMenu","VRow","VSelect","VSpacer","VTextField","VToolbar"],"mappings":"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","file":"js/chunk-2d0ac40d.f8d70e21.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-container',[_c('v-card',[_c('v-card-title',{staticClass:\"ma-5\",attrs:{\"primary-title\":\"\"}},[_c('h2',[_vm._v(\"ตั้งค่าผู้ใช้งานระบบ\")])]),_c('v-card-text',[_c('v-row',{staticClass:\"mx-2\"},[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"8\"}},[_c('v-text-field',{attrs:{\"label\":\"ค้นหา\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"4\"}},[_c('v-select',{attrs:{\"items\":_vm.permission_list,\"label\":\"สิทธิ์การเข้าถึง\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\"},model:{value:(_vm.filter_permission),callback:function ($$v) {_vm.filter_permission=$$v},expression:\"filter_permission\"}})],1)],1),_c('v-divider',{staticClass:\"mx-5\"}),_c('v-toolbar',{attrs:{\"flat\":\"\"}},[_c('h4',[_vm._v(_vm._s(_vm.summary_title)+\" \"+_vm._s(_vm.summary_value)+\" รายการ\")])]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-data-table',{attrs:{\"id\":\"table-text\",\"headers\":_vm.user_headers,\"items\":_vm.filterUserDataList,\"loading\":_vm.dataTableLoading,\"search\":_vm.search},scopedSlots:_vm._u([{key:\"item.no\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(_vm.userDataList.indexOf(item) + 1)+\".\")]}},{key:\"item.permission\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-menu',{attrs:{\"transition\":\"slide-y-transition\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('div',{staticClass:\"text-center\"},[_c('v-btn',_vm._g({attrs:{\"disabled\":item.id == 1,\"outlined\":\"\",\"color\":\"secondary\",\"block\":\"\"}},on),[_vm._v(_vm._s(item.permission ? item.permission : \"-\"))])],1)]}}],null,true)},[_c('v-list',_vm._l((_vm.permission_list),function(permission,index){return _c('v-list-item',{key:index},[_c('v-spacer'),_c('v-btn',{staticClass:\"px-2\",attrs:{\"outlined\":\"\",\"block\":\"\",\"color\":\"secondary\",\"disabled\":permission == item.permission},on:{\"click\":function($event){return _vm.changeUserPermission(item, permission)}}},[_vm._v(_vm._s(permission))]),_c('v-spacer')],1)}),1)],1)]}},{key:\"item.actions\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-btn',{attrs:{\"disabled\":item.id == 1,\"icon\":\"\"},on:{\"click\":function($event){return _vm.editDetail(item)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-pencil\")])],1),_c('v-btn',{attrs:{\"disabled\":item.id == 1,\"icon\":\"\",\"small\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.deleteUser(item)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-delete\")])],1)]}}])})],1)],1)],1)],1),_c('v-dialog',{attrs:{\"width\":\"500\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline grey lighten-2\",attrs:{\"primary-title\":\"\"}},[_vm._v(\" เปลี่ยนชื่อผู้ใช้ \"),_c('v-spacer'),_c('v-btn',{staticClass:\"float-right\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_c('v-icon',[_vm._v(\"mdi-window-close\")])],1)],1),_c('v-card-text',[_c('v-row',{staticClass:\"mt-5\",attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-card',[_c('v-card-text',[_c('v-form',{ref:\"form\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[(_vm.radio == 'etc')?_c('v-text-field',{staticClass:\"py-0 my-0\",attrs:{\"placeholder\":\"ระบุคำนำหน้าชื่อ\",\"outlined\":\"\",\"rules\":_vm.rule_etc},model:{value:(_vm.etc_title),callback:function ($$v) {_vm.etc_title=$$v},expression:\"etc_title\"}}):_vm._e()],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"ชื่อ\",\"rules\":_vm.nameRules,\"outlined\":\"\"},model:{value:(_vm.firstname),callback:function ($$v) {_vm.firstname=$$v},expression:\"firstname\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"นามสกุล\",\"outlined\":\"\",\"rules\":_vm.lnameRules},model:{value:(_vm.lastname),callback:function ($$v) {_vm.lastname=$$v},expression:\"lastname\"}})],1)],1)],1)],1)],1)],1)],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){return _vm.editName()}}},[_vm._v(\"บันทึก\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-container>\n      <v-card>\n        <v-card-title primary-title class=\"ma-5\">\n          <h2>ตั้งค่าผู้ใช้งานระบบ</h2>\n          <!-- <pre>{{ userDataList }}</pre> -->\n        </v-card-title>\n        <v-card-text>\n          <!-- Search && Filter -->\n          <v-row class=\"mx-2\">\n            <v-col cols=\"12\" sm=\"6\" md=\"8\" class=\"py-0\">\n              <v-text-field\n                label=\"ค้นหา\"\n                clearable\n                v-model=\"search\"\n                dense\n                outlined\n              ></v-text-field>\n            </v-col>\n            <v-col cols=\"12\" sm=\"6\" md=\"4\" class=\"py-0\">\n              <v-select\n                :items=\"permission_list\"\n                v-model=\"filter_permission\"\n                label=\"สิทธิ์การเข้าถึง\"\n                clearable\n                dense\n                outlined\n              ></v-select>\n            </v-col>\n          </v-row>\n          <v-divider class=\"mx-5\"></v-divider>\n          <!-- Add new Data -->\n          <v-toolbar flat>\n            <h4>{{ summary_title }} {{ summary_value }} รายการ</h4>\n          </v-toolbar>\n          <v-container fluid>\n            <v-data-table\n              id=\"table-text\"\n              :headers=\"user_headers\"\n              :items=\"filterUserDataList\"\n              :loading=\"dataTableLoading\"\n              :search=\"search\"\n            >\n              <template v-slot:item.no=\"{ item }\"\n                >{{ userDataList.indexOf(item) + 1 }}.</template\n              >\n\n              <template v-slot:item.permission=\"{ item }\">\n                <v-menu transition=\"slide-y-transition\">\n                  <template v-slot:activator=\"{ on }\">\n                    <div class=\"text-center\">\n                      <v-btn\n                        :disabled=\"item.id == 1\"\n                        outlined\n                        color=\"secondary\"\n                        block\n                        v-on=\"on\"\n                        >{{ item.permission ? item.permission : \"-\" }}</v-btn\n                      >\n                    </div>\n                  </template>\n                  <v-list>\n                    <!-- all status list -->\n                    <v-list-item\n                      v-for=\"(permission, index) in permission_list\"\n                      :key=\"index\"\n                    >\n                      <v-spacer></v-spacer>\n                      <v-btn\n                        class=\"px-2\"\n                        outlined\n                        block\n                        color=\"secondary\"\n                        :disabled=\"permission == item.permission\"\n                        @click=\"changeUserPermission(item, permission)\"\n                        >{{ permission }}</v-btn\n                      >\n                      <v-spacer></v-spacer>\n                    </v-list-item>\n                  </v-list>\n                </v-menu>\n              </template>\n              <template v-slot:item.actions=\"{ item }\">\n                <v-btn :disabled=\"item.id == 1\" icon @click=\"editDetail(item)\">\n                  <v-icon small>mdi-pencil</v-icon>\n                </v-btn>\n                <v-btn\n                  :disabled=\"item.id == 1\"\n                  icon\n                  small\n                  color=\"error\"\n                  @click=\"deleteUser(item)\"\n                >\n                  <v-icon small>mdi-delete</v-icon>\n                </v-btn>\n              </template>\n            </v-data-table>\n          </v-container>\n        </v-card-text>\n      </v-card>\n    </v-container>\n    <v-dialog v-model=\"dialog\" width=\"500\">\n      <v-card>\n        <v-card-title class=\"headline grey lighten-2\" primary-title>\n          เปลี่ยนชื่อผู้ใช้\n          <v-spacer></v-spacer>\n          <v-btn icon class=\"float-right\" @click=\"dialog = false\">\n            <v-icon>mdi-window-close</v-icon>\n          </v-btn>\n        </v-card-title>\n        <v-card-text>\n          <v-row justify=\"center\" align=\"center\" class=\"mt-5\">\n            <v-col>\n              <v-container fluid>\n                <v-card>\n                  <v-card-text>\n                    <v-form ref=\"form\">\n                      <v-row>\n                        <!-- <v-col cols=\"12\" sm=\"12\" class=\"py-0\">\n                          คำนำหน้าชื่อ\n                          <v-radio-group class=\"pa-0\" v-model=\"radio\" row :rules=\"prefixRules\">\n                            <v-radio label=\"นาย\" value=\"mr\"></v-radio>\n                            <v-radio label=\"นาง\" value=\"mrs\"></v-radio>\n                            <v-radio label=\"นางสาว\" value=\"miss\"></v-radio>\n                            <v-radio label=\"อื่นๆ(ระบุ)\" value=\"etc\"></v-radio>\n                          </v-radio-group>\n                        </v-col>-->\n                        <v-col cols=\"12\" sm=\"12\">\n                          <v-text-field\n                            v-if=\"radio == 'etc'\"\n                            v-model=\"etc_title\"\n                            placeholder=\"ระบุคำนำหน้าชื่อ\"\n                            outlined\n                            class=\"py-0 my-0\"\n                            :rules=\"rule_etc\"\n                          ></v-text-field>\n                        </v-col>\n\n                        <v-col cols=\"12\">\n                          <v-text-field\n                            v-model=\"firstname\"\n                            label=\"ชื่อ\"\n                            :rules=\"nameRules\"\n                            outlined\n                          ></v-text-field>\n                        </v-col>\n\n                        <v-col cols=\"12\">\n                          <v-text-field\n                            v-model=\"lastname\"\n                            label=\"นามสกุล\"\n                            outlined\n                            :rules=\"lnameRules\"\n                          ></v-text-field>\n                        </v-col>\n                      </v-row>\n                    </v-form>\n                  </v-card-text>\n                </v-card>\n              </v-container>\n            </v-col>\n          </v-row>\n        </v-card-text>\n\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn color=\"primary\" text @click=\"editName()\">บันทึก</v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      etc_title: \"\",\n      firstname: \"\",\n      lastname: \"\",\n      radio: \"mr\",\n      header_token: {\n        headers: { Authorization: \"Bearer \" + this.$session.get(\"token\") },\n      },\n      rule_etc: [\n        (v) => !!v || \"กรุณากรอกคำนำหน้าชื่อ\",\n        (v) =>\n          /^([a-zA-Zก-๏ .])+$/.test(v) ||\n          \"* กรุณากรอกข้อมูลเป็นอักษรภาษาไทยหรือภาษาอังกฤษเท่านั้น\",\n        (v) => !/ /.test(v) || \"* ห้ามมีช่องว่าง\",\n        (v) => (!!v ? v[0] != \" \" : false) || \"ห้ามขึ้นต้นด้วยค่าว่าง\",\n      ],\n      nameRules: [\n        (v) => !!v || \"* กรุณากรอกชื่อ\",\n        (v) =>\n          /^([a-zA-Zก-๏ ])+$/.test(v) ||\n          \"* กรุณากรอกข้อมูลเป็นอักษรภาษาไทยหรือภาษาอังกฤษเท่านั้น\",\n        (v) => v.length < 50 || \"*ข้อมูลมีความยาวมากเกินไป\",\n        (v) => v.length >= 2 || \"* กรุณากรอกชื่ออย่างน้อย 2 ตัวอักษร\",\n        (v) => /^\\S+(\\s\\S+)*$/.test(v) || \"* กรุณากรอกข้อมูลให้ถูกต้อง\",\n        (v) => (!!v ? v[0] != \" \" : false) || \"ห้ามขึ้นต้นด้วยค่าว่าง\",\n      ],\n      lnameRules: [\n        (v) => !!v || \"* กรุณากรอกนามสกุล\",\n        (v) =>\n          /^([a-zA-Zก-๏ ])+$/.test(v) ||\n          \"* กรุณากรอกข้อมูลเป็นอักษรภาษาไทยหรือภาษาอังกฤษเท่านั้น\",\n        (v) => v.length < 50 || \"*ข้อมูลมีความยาวมากเกินไป\",\n        (v) => v.length >= 2 || \"* กรุณากรอกนามสกุลอย่างน้อย 2 ตัวอักษร\",\n\n        (v) => /^\\S+(\\s\\S+)*$/.test(v) || \"* กรุณากรอกข้อมูลให้ถูกต้อง\",\n        (v) => (!!v ? v[0] != \" \" : false) || \"ห้ามขึ้นต้นด้วยค่าว่าง\",\n      ],\n      user_headers: [\n        {\n          text: \"ลำดับ\",\n          value: \"no\",\n          sortable: false,\n        },\n        {\n          text: \"ชื่อ-นามสกุล\",\n          value: \"fullName\",\n          sortable: false,\n          align: \"left\",\n          width: \"35%\",\n        },\n        {\n          text: \"อีเมล\",\n          value: \"email\",\n          sortable: false,\n          align: \"left\",\n          width: \"25%\",\n        },\n        {\n          text: \"ชื่อผู้ใช้\",\n          value: \"username\",\n          sortable: false,\n          align: \"left\",\n        },\n        {\n          text: \"สิทธิ์การเข้าถึง\",\n          value: \"permission\",\n          sortable: false,\n          align: \"center\",\n        },\n        {\n          text: \"จัดการ\",\n          value: \"actions\",\n          sortable: false,\n          align: \"center\",\n        },\n      ],\n      userDataList: [],\n      permission_list: [],\n      // mode (CREATE / EDIT)\n      mode: \"\",\n      user_index: \"\",\n      editIndex: -1,\n\n      // search text and value\n      search: \"\",\n      filter_permission: \"\",\n\n      summary_title: \"รายการทั้งหมด\",\n      summary_value: 0,\n\n      // loading\n      dataTableLoading: false,\n\n      //   Add User Dialog\n      user_dialog: false,\n      dialog: false,\n    };\n  },\n  computed: {\n    filterUserDataList() {\n      if (this.filter_permission) {\n        return this.userDataList.filter((item) => {\n          return item.permission == this.filter_permission;\n        });\n      } else {\n        return this.userDataList;\n      }\n    },\n  },\n  created() {\n    this.getUserList();\n    this.getPermissionList();\n  },\n  methods: {\n    changeUserPermission(item, tmp_permissionId) {\n      // console.log(\"waiting API\" + item.permissionId + \"=>\" + permissionId);\n      let data = {\n        permission: tmp_permissionId,\n      };\n      this.axios\n        .put(\n          process.env.VUE_APP_API + \"/api/v1/permission/\" + item.id,\n          data,\n          this.header_token\n        )\n        .then((response) => {\n          // console.log(response.data);\n          if (response.data == \"edit success\") {\n            this.$swal.fire(\"แก้ไขข้อมูล User สำเร็จ\", \"\", \"success\");\n            this.getUserList();\n          } else {\n            this.$swal.fire(\"เกิดข้อผิดพลาด\", \"โปรดติดต่อผู้ดูแลระบบ\", \"error\");\n          }\n        })\n        .catch((err) => {\n          // console.log(\"api set new permission err\");\n        });\n    },\n    getUserList() {\n      this.dataTableLoading = true;\n      this.userDataList = [];\n      this.axios\n        .get(process.env.VUE_APP_API + \"/api/v1/get_user\", this.header_token)\n        .then((response) => {\n          // console.log(response.data);\n          let data = response.data;\n          data.forEach((user, index) => {\n            this.userDataList.push(user);\n            this.userDataList[index].fullName =\n              user.firstname + \" \" + user.lastname;\n          });\n          this.summary_value = response.data.length;\n          this.dataTableLoading = false;\n        })\n        .catch((err) => {\n          // console.log(\"api get err\");\n          this.userDataList = [];\n          this.dataTableLoading = false;\n        });\n    },\n    getPermissionList() {\n      this.permission_list = [\"admin\", \"user\"];\n    },\n    editDetail(item) {\n      // console.log(item);\n      this.dialog = true;\n      // let prefix = \"\";\n      if (item.title == \"นาย\") {\n        this.radio = \"mr\";\n      } else if (item.title == \"นาง\") {\n        this.radio = \"mrs\";\n      } else if (item.title == \"นางสาว\") {\n        this.radio = \"miss\";\n      } else {\n        this.radio = \"etc\";\n        this.etc_title = item.title;\n      }\n      this.editIndex = item.id;\n\n      this.firstname = item.firstname;\n      this.lastname = item.lastname;\n    },\n    editName() {\n      if (this.$refs.form.validate()) {\n        let prefix = \"\";\n        if (this.radio == \"mr\") {\n          prefix = \"นาย\";\n        } else if (this.radio == \"mrs\") {\n          prefix = \"นาง\";\n        } else if (this.radio == \"miss\") {\n          prefix = \"นางสาว\";\n        } else if (this.radio == \"etc\") {\n          prefix = this.etc_title;\n        }\n        let data = {\n          title: prefix,\n          firstname: this.firstname,\n          lastname: this.lastname,\n        };\n        this.axios\n          .put(\n            process.env.VUE_APP_API + \"/api/v1/user/\" + this.editIndex,\n            data,\n            this.header_token\n          )\n          .then((response) => {\n            // console.log(response.data);\n            if (response.data === \"edit success\") {\n              this.$swal.fire({\n                icon: \"success\",\n                title: \"แก้ไขข้อมูลสำเร็จ\",\n                showConfirmButton: false,\n                timer: 1000,\n              });\n              this.close();\n              this.getUserList();\n            } else {\n              this.$swal.fire({\n                icon: \"error\",\n                title: \"ไม่สามารถเพิ่มข้อมูลได้\",\n                showConfirmButton: false,\n                timer: 1000,\n              });\n\n              this.close();\n            }\n          });\n      } else {\n        this.$swal.fire({\n          icon: \"error\",\n          title: \"กรุณาตรวจสอบข้อมูล\",\n          showConfirmButton: false,\n          timer: 1000,\n        });\n      }\n    },\n\n    deleteUser(item) {\n      this.$swal\n        .fire({\n          title: \"คุณต้องการลบข้อมูล User ใช่หรือไม่?\",\n          text: \"ข้อมูล User จะถูกลบออกจากระบบเมือกด 'ยืนยัน'!\",\n          icon: \"warning\",\n          showCancelButton: true,\n          confirmButtonColor: \"#d33\",\n          // cancelButtonColor: \"#3085d6\",\n          confirmButtonText: \"ยืนยัน\",\n          cancelButtonText: \"ยกเลิก\",\n        })\n        .then((result) => {\n          if (result.value) {\n            this.axios\n              .delete(\n                process.env.VUE_APP_API + \"/api/v1/user/\" + item.id,\n                this.header_token\n              )\n              .then((response) => {\n                // console.log(response.data);\n                if (response.data == \"delete success\") {\n                  this.$swal.fire(\"ลบข้อมูล User สำเร็จ\", \"\", \"success\");\n                  this.getUserList();\n                }\n              });\n            //   .catch(err => {\n            //     console.log(\"api delete err\");\n            //   });\n          }\n        });\n    },\n    close() {\n      this.editIndex = -1;\n      this.title = \"mr\";\n      this.etc_title = \"\";\n      this.firstname = \"\";\n      this.lastname = \"\";\n      this.dialog = false;\n    },\n  },\n};\n</script>\n<style scoped></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserManagement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserManagement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserManagement.vue?vue&type=template&id=486c5220&scoped=true&\"\nimport script from \"./UserManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./UserManagement.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  \"486c5220\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDataTable,VDialog,VDivider,VForm,VIcon,VList,VListItem,VMenu,VRow,VSelect,VSpacer,VTextField,VToolbar})\n"],"sourceRoot":""}